fix: правильный root layout для Next 13

gooditworks · Nov 24, 2022 · 4deeb27 · 4deeb27
1 parent bd9f7bd
commit 4deeb27
Show file tree

Hide file tree

Showing 5 changed files with 11 additions and 63 deletions.
diff --git a/.vscode/settings.json b/.vscode/settings.json
@@ -0,0 +1,4 @@
+{
+  "typescript.tsdk": "node_modules/typescript/lib",
+  "typescript.enablePromptUseWorkspaceTsdk": true
+}
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -37,7 +37,6 @@
     "next-axiom": "0.15.1",
     "react": "18.2.0",
     "react-dom": "18.2.0",
-    "superjson": "^1.11.0",
     "zod": "^3.19.1"
   },
   "devDependencies": {

diff --git a/src/app/layout.tsx b/src/app/layout.tsx
@@ -9,7 +9,12 @@ type Props = {
 }
 
 const RootLayout: FC<Props> = ({children}) => (
-  <TRPCClientProvider>{children}</TRPCClientProvider>
+  <html lang="en">
+    <head />
+    <body>
+      <TRPCClientProvider>{children}</TRPCClientProvider>
+    </body>
+  </html>
 )
 
 export default RootLayout
diff --git a/src/datasources/trpc.tsx b/src/datasources/trpc.tsx
@@ -1,13 +1,12 @@
 "use client"
 
 // based on https://github.com/trpc/next-13/blob/main/client/trpcClient.tsx
-// TODO wait for complete Next 13 support in tRPC and migrate
+// TODO wait for complete Next 13 support in tRPC and migrate to @trpc/next-layout
 
 import {FC, ReactNode, useState} from "react"
 import {httpBatchLink} from "@trpc/client"
 import {createTRPCReact} from "@trpc/react-query"
 import {QueryClient, QueryClientProvider} from "@tanstack/react-query"
-import superjson from "superjson"
 
 import type {AppRouter} from "server/routers"
 
@@ -50,7 +49,6 @@ const TRPCClientProvider: FC<Props> = ({children}) => {
     const links = [httpBatchLink({url: trpcUrl})]
 
     return trpc.createClient({
-      transformer: superjson,
       links
     })
   })