Fix "useLayoutEffect does nothing on the server" warnings

ably-labs · May 24, 2024 · 2630387 · 2630387
1 parent 9547685
commit 2630387
Showing 1 changed file with 5 additions and 1 deletion.
diff --git a/pages/_app.js b/pages/_app.js
@@ -1,6 +1,10 @@
 import '../styles/globals.css';
 import * as Ably from 'ably';
-import { AblyProvider, ChannelProvider } from 'ably/react';
+import { AblyProvider } from 'ably/react';
+import dynamic from 'next/dynamic';
+
+// fixes "Warning: useLayoutEffect does nothing on the server" warning spam from next.js
+const ChannelProvider = dynamic(() => import('ably/react').then((module) => module.ChannelProvider), { ssr: false });
 
 export default function App({ Component, pageProps }) {
   const client = new Ably.Realtime({