test 5

Author: AlexVOiceover

src/lib/utils/ssr-hooks.ts

@@ -0,0 +1,8 @@
+import { useEffect, useLayoutEffect } from 'react';
+
+/**
+ * A version of useLayoutEffect that works in both browser and SSR environments
+ * This prevents errors like "Cannot read properties of undefined (reading 'useLayoutEffect')"
+ */
+export const useIsomorphicLayoutEffect = 
+  typeof window !== 'undefined' ? useLayoutEffect : useEffect;

src/main.tsx

@@ -1,3 +1,9 @@
+// Apply React useLayoutEffect polyfill
+if (typeof window !== 'undefined') {
+  window.React = window.React || {};
+  window.React.useLayoutEffect = window.React.useEffect || function() { return function() {}; };
+}
+
 import { StrictMode } from 'react';
 import { createRoot } from 'react-dom/client';
 import './index.css';

src/vite-env.d.ts

@@ -1 +1,8 @@
 /// <reference types="vite/client" />
+
+interface Window {
+  React?: {
+    useLayoutEffect?: Function;
+    useEffect?: Function;
+  };
+}