From 07ff94e77fb7737994c2db5742b32917083e4543 Mon Sep 17 00:00:00 2001
From: Chalarangelo <chalarangelo@gmail.com>
Date: Sun, 5 Sep 2021 18:37:22 +0300
Subject: [PATCH] Add useIsomporphicEffect

---
 snippets/useIsomporphicEffect.md | 26 ++++++++++++++++++++++++++
 1 file changed, 26 insertions(+)
 create mode 100644 snippets/useIsomporphicEffect.md

diff --git a/snippets/useIsomporphicEffect.md b/snippets/useIsomporphicEffect.md
new file mode 100644
index 000000000..83d61c6b8
--- /dev/null
+++ b/snippets/useIsomporphicEffect.md
@@ -0,0 +1,26 @@
+---
+title: useIsomporphicEffect
+tags: hooks,effect,beginner
+firstSeen: 2021-09-29T05:00:00-04:00
+---
+
+Eesolves to `useEffect()` on the server and `useLayoutEffect()` on the client.
+
+- Use `typeof` to check if the `window` object is defined and return the `useLayoutEffect()` if it is, or `useEffect()` otherwise.
+
+```jsx
+const useIsomorphicEffect =
+  typeof window !== 'undefined' ? React.useLayoutEffect : React.useEffect;
+```
+
+```jsx
+const MyApp = () => {
+  useIsomorphicEffect(() => {
+    window.console.log('Hello');
+  }, []);
+
+  return null;
+};
+
+ReactDOM.render(<MyApp />, document.getElementById('root'));
+```