error with NextSSRPlugin

getting weird SSR/hydration related errors when using it with react-hook-form

Warning: Prop `accept` did not match. Server: "" Client: "image/*"
    at input
    at label
    at div
    at UploadButton (webpack-internal:///(app-pages-browser)/./node_modules/.pnpm/@uploadthing+react@5.7.0_next@13.5.4_react@18.2.0_uploadthing@5.7.2_zod@3.22.4/node_modules/@uploadthing/react/dist/index.mjs:71:59)
    at div
    at form
    at FormProvider (webpack-internal:///(app-pages-browser)/./node_modules/.pnpm/react-hook-form@7.47.0_react@18.2.0/node_modules/react-hook-form/dist/index.esm.mjs:182:13)
    at SettingsForm (webpack-internal:///(app-pages-browser)/./src/components/my/SettingsForm.tsx:52:11)
    at Suspense
    at section
    at main
    at InnerLayoutRouter (webpack-internal:///(app-pages-browser)/./node_modules/.pnpm/next@13.5.4_react-dom@18.2.0_react@18.2.0/node_modules/next/dist/client/components/layout-router.js:241:11)
    at RedirectErrorBoundary (webpack-internal:///(app-pages-browser)/./node_modules/.pnpm/next@13.5.4_react-dom@18.2.0_react@18.2.0/node_modules/next/dist/client/components/redirect-boundary.js:72:9)
    at RedirectBoundary (webpack-internal:///(app-pages-browser)/./node_modules/.pnpm/next@13.5.4_react-dom@18.2.0_react@18.2.0/node_modules/next/dist/client/components/redirect-boundary.js:80:11)
    at NotFoundBoundary (webpack-internal:///(app-pages-browser)/./node_modules/.pnpm/next@13.5.4_react-dom@18.2.0_react@18.2.0/node_modules/next/dist/client/components/not-found-boundary.js:62:11)
    at LoadingBoundary (webpack-internal:///(app-pages-browser)/./node_modules/.pnpm/next@13.5.4_react-dom@18.2.0_react@18.2.0/node_modules/next/dist/client/components/layout-router.js:338:11)

Warning: Prop `accept` did not match. Server: "" Client: "image/*"
    at input
    at label
    at div
    at UploadButton (webpack-internal:///(app-pages-browser)/./node_modules/.pnpm/@uploadthing+react@5.7.0_next@13.5.4_react@18.2.0_uploadthing@5.7.2_zod@3.22.4/node_modules/@uploadthing/react/dist/index.mjs:71:59)
    at div
    at form
    at FormProvider (webpack-internal:///(app-pages-browser)/./node_modules/.pnpm/react-hook-form@7.47.0_react@18.2.0/node_modules/react-hook-form/dist/index.esm.mjs:182:13)
    at SettingsForm (webpack-internal:///(app-pages-browser)/./src/components/my/SettingsForm.tsx:52:11)
    at Suspense
    at section
    at main
    at InnerLayoutRouter (webpack-internal:///(app-pages-browser)/./node_modules/.pnpm/next@13.5.4_react-dom@18.2.0_react@18.2.0/node_modules/next/dist/client/components/layout-router.js:241:11)
    at RedirectErrorBoundary (webpack-internal:///(app-pages-browser)/./node_modules/.pnpm/next@13.5.4_react-dom@18.2.0_react@18.2.0/node_modules/next/dist/client/components/redirect-boundary.js:72:9)
    at RedirectBoundary (webpack-internal:///(app-pages-browser)/./node_modules/.pnpm/next@13.5.4_react-dom@18.2.0_react@18.2.0/node_modules/next/dist/client/components/redirect-boundary.js:80:11)
    at NotFoundBoundary (webpack-internal:///(app-pages-browser)/./node_modules/.pnpm/next@13.5.4_react-dom@18.2.0_react@18.2.0/node_modules/next/dist/client/components/not-found-boundary.js:62:11)
    at LoadingBoundary (webpack-internal:///(app-pages-browser)/./node_modules/.pnpm/next@13.5.4_react-dom@18.2.0_react@18.2.0/node_modules/next/dist/client/components/layout-router.js:338:11)

0 Replies

No replies yetBe the first to reply to this messageJoin

Gaming

Programming

error with NextSSRPlugin