Add eslint rule

.eslintrc.json

@@ -56,6 +56,25 @@
         "allow": ["dark_dimmed"]
       }
     ],
+    "no-restricted-imports": [
+      "error",
+      {
+        "name": "react",
+        "importNames": ["useLayoutEffect"],
+        "message":
+          "`useLayoutEffect` causes a warning in SSR. Use `useIsomorphicLayoutEffect`"
+      }
+    ],
+    "no-restricted-syntax": [
+      "error",
+      // Ensure import from '*use-isomorphic-layout-effect' is `useLayoutEffect` to leverage `eslint-plugin-react-hooks`
+      {
+        "selector":
+          "ImportDeclaration[source.value=/use-isomorphic-layout-effect/] > ImportDefaultSpecifier[local.name!='useLayoutEffect']",
+        "message":
+          "Must use `useLayoutEffect` as the name of the import from `*use-isomorphic-layout-effect` to leverage `eslint-plugin-react-hooks`"
+      }
+    ],
     "primer-react/no-deprecated-colors": ["warn", {"checkAllStrings": true}]
   },
   "overrides": [