Add more graphql support to Link

apps/link/pages/_app.tsx

@@ -1,4 +1,5 @@
 /* eslint-disable react/jsx-props-no-spreading */
+import { useState } from "react";
 import { AppProps } from "next/app";
 import { SessionProvider } from "next-auth/react";
 import { CssBaseline } from "@mui/material";
@@ -13,6 +14,8 @@ import "@fontsource/roboto/700.css";
 import "@fontsource/playfair-display/900.css";
 import "styles/global.css";
 import { LicenseInfo } from "@mui/x-data-grid-pro";
+import { SWRConfig } from "swr";
+import { GraphQLClient } from "graphql-request";
 
 LicenseInfo.setLicenseKey(
   "fd009c623acc055adb16370731be92e4T1JERVI6NDA3NTQsRVhQSVJZPTE2ODAyNTAwMTUwMDAsS0VZVkVSU0lPTj0x"
@@ -27,14 +30,40 @@ interface LinkWebProps extends AppProps {
 
 const LinkWeb = (props: LinkWebProps) => {
   const { Component, emotionCache = clientSideEmotionCache, pageProps } = props;
+  const [csrfToken, setCsrfToken] = useState("");
+  const origin = typeof window !== 'undefined' && window.location.origin
+    ? window.location.origin : null;
+  const client = new GraphQLClient(`${origin}/graphql`, {
+    headers: {
+      "Content-Type": "application/json",
+      "Accept": "application/json",
+    },
+  });
+  const graphQLFetcher = async ({ document, variables }: any) => {
+    const requestHeaders = {
+      "X-CSRF-Token": csrfToken,
+    };
+    const { data, headers } = await client.rawRequest(
+      document,
+      variables,
+      requestHeaders
+    );
+
+    const token = headers.get('CSRF-Token');
+    setCsrfToken(token);
+
+    return data;
+  };
 
   return (
     <SessionProvider session={(pageProps as any).session}>
       <CacheProvider value={emotionCache}>
-        <CssBaseline />
-        <LocalizationProvider dateAdapter={AdapterDateFns}>
-          <Component {...pageProps} />
-        </LocalizationProvider>
+        <SWRConfig value={{ fetcher: graphQLFetcher }}>
+          <CssBaseline />
+          <LocalizationProvider dateAdapter={AdapterDateFns}>
+            <Component {...pageProps} />
+          </LocalizationProvider>
+        </SWRConfig>
       </CacheProvider>
     </SessionProvider>
   );