test

src/app/[lng]/(main)/profile/setting/information/page.tsx

@@ -1,5 +1,6 @@
 import Information from './components/Information';
 import InformationHeader from './components/InformationHeader';
+import { Suspense } from 'react';
 
 interface PageProps {
  params: {
@@ -11,7 +12,9 @@ export default function page({ params: { lng } }: PageProps) {
  <>
  <InformationHeader />
 
- <Information lng={lng} />
+ <Suspense>
+ <Information lng={lng} />
+ </Suspense>
  </>
  );
 }

src/app/[lng]/(main)/profile/setting/langauge/page.tsx

@@ -1,12 +1,15 @@
 import Language from './components/Language';
 import LangaugeHeader from './components/LanguageHeader';
+import { Suspense } from 'react';
 
 export default function page() {
  return (
  <>
  <LangaugeHeader />
 
- <Language />
+ <Suspense>
+ <Language />
+ </Suspense>
  </>
  );
 }

src/app/[lng]/(main)/profile/setting/service/page.tsx

@@ -1,5 +1,7 @@
 import Service from './components/Service';
 import ServiceHeader from './components/ServiceHeader';
+import { Loading } from '@/components/Loading';
+import { Suspense } from 'react';
 
 interface PageProps {
  params: {
@@ -12,7 +14,9 @@ export default function page({ params: { lng } }: PageProps) {
  <>
  <ServiceHeader />
 
- <Service lng={lng} />
+ <Suspense fallback={<Loading />}>
+ <Service lng={lng} />
+ </Suspense>
  </>
  );
 }