From 895379659e20c4f7f99da9fa74f70a897e50cd9c Mon Sep 17 00:00:00 2001 From: none23 Date: Wed, 15 Nov 2023 15:54:57 +0400 Subject: [PATCH] move RelayEnvironmentProvider to a separate client component, make root layout a server component --- issue-tracker-next-v13/app/layout.tsx | 13 ++++--------- .../src/relay/EnvironmentProvider.tsx | 18 ++++++++++++++++++ 2 files changed, 22 insertions(+), 9 deletions(-) create mode 100644 issue-tracker-next-v13/src/relay/EnvironmentProvider.tsx diff --git a/issue-tracker-next-v13/app/layout.tsx b/issue-tracker-next-v13/app/layout.tsx index 604bfc1b..59e8bf1a 100644 --- a/issue-tracker-next-v13/app/layout.tsx +++ b/issue-tracker-next-v13/app/layout.tsx @@ -1,9 +1,6 @@ -"use client"; - -import { RelayEnvironmentProvider } from "react-relay"; -import { getCurrentEnvironment } from "src/relay/environment"; import "styles/globals.css"; +import EnvironmentProvider from "src/relay/EnvironmentProvider"; import styles from "styles/layout.module.css"; export default function RootLayout({ @@ -11,16 +8,14 @@ export default function RootLayout({ }: { children: React.ReactNode; }) { - const environment = getCurrentEnvironment(); - return ( Github Issues: Relay - - {children} - + + {children} + ); } diff --git a/issue-tracker-next-v13/src/relay/EnvironmentProvider.tsx b/issue-tracker-next-v13/src/relay/EnvironmentProvider.tsx new file mode 100644 index 00000000..9d2c2c98 --- /dev/null +++ b/issue-tracker-next-v13/src/relay/EnvironmentProvider.tsx @@ -0,0 +1,18 @@ +"use client"; + +import { RelayEnvironmentProvider } from "react-relay"; + +import { getCurrentEnvironment } from "./environment"; + +export default function EnvironmentProvider({ + children, +}: { + children: React.ReactNode; +}) { + const environment = getCurrentEnvironment(); + return ( + + {children} + + ); +}