Reduce amount of 'use client'.

RevoTale · Jun 8, 2024 · 78f754d · 78f754d
1 parent 46db896
commit 78f754d
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 5 deletions.
diff --git a/next-app-mock/src/ClientSideScrollRestorer.tsx b/next-app-mock/src/ClientSideScrollRestorer.tsx
@@ -1,8 +1,8 @@
-"use client"
 
+import {Suspense} from "react"
 import {ScrollRestorer} from "../../src"
 
 const ClientSideScrollRestorer = () => {
-    return <ScrollRestorer />
+    return <Suspense><ScrollRestorer /></Suspense>
 }
 export default ClientSideScrollRestorer
diff --git a/next-app-mock/src/app/layout.tsx b/next-app-mock/src/app/layout.tsx
@@ -2,7 +2,7 @@ import ClientSideScrollRestorer from "@/ClientSideScrollRestorer"
 import type {Metadata} from 'next'
 import {Inter} from 'next/font/google'
 import './globals.css'
-import {FunctionComponent, ReactNode, Suspense} from "react"
+import {FunctionComponent, ReactNode} from "react"
 
 const inter = Inter({subsets: ['latin']})
 
@@ -11,12 +11,12 @@ export const metadata: Metadata = {
     description: 'Generated by create next app',
 }
 const RootLayout: FunctionComponent<{
-    children:ReactNode
+    children: ReactNode
 }> = ({children}) => {
     return (
         <html lang="en">
         <body className={inter.className}>
-        <Suspense><ClientSideScrollRestorer/></Suspense>
+        <ClientSideScrollRestorer/>
         {children}
         </body>
         </html>