Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Presentation throws an error when used inside a Next 15 / React 19 app #7655

Closed
siffogh opened this issue Oct 22, 2024 · 0 comments · Fixed by #7654
Closed

Presentation throws an error when used inside a Next 15 / React 19 app #7655

siffogh opened this issue Oct 22, 2024 · 0 comments · Fixed by #7654

Comments

@siffogh
Copy link

siffogh commented Oct 22, 2024

If you find a security vulnerability, do NOT open an issue. Email [email protected] instead.

Describe the bug

Presentation throws the following error when used from an app that has Next 15 and React 19 RC:

CleanShot 2024-10-22 at 17 45 26

ConsoleError: Invalid prop `tabIndex` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.
    at handleClientError (webpack-internal:///(app-pages-browser)/../../node_modules/.pnpm/[email protected][email protected][email protected][email protected]/node_modules/next/dist/client/components/react-dev-overlay/internal/helpers/use-error-handler.js:41:17)
    at window.console.error (webpack-internal:///(app-pages-browser)/../../node_modules/.pnpm/[email protected][email protected][email protected][email protected]/node_modules/next/dist/client/components/globals/intercept-console-error.js:27:56)
    at eval (webpack-internal:///(app-pages-browser)/../../node_modules/.pnpm/[email protected][email protected][email protected][email protected]/node_modules/next/dist/compiled/react-dom-experimental/cjs/react-dom-client.development.js:4529:23)
    at runWithFiberInDEV (webpack-internal:///(app-pages-browser)/../../node_modules/.pnpm/[email protected][email protected][email protected][email protected]/node_modules/next/dist/compiled/react-dom-experimental/cjs/react-dom-client.development.js:625:30)
    at validateFragmentProps (webpack-internal:///(app-pages-browser)/../../node_modules/.pnpm/[email protected][email protected][email protected][email protected]/node_modules/next/dist/compiled/react-dom-experimental/cjs/react-dom-client.development.js:4526:11)
    at reconcileChildFibersImpl (webpack-internal:///(app-pages-browser)/../../node_modules/.pnpm/[email protected][email protected][email protected][email protected]/node_modules/next/dist/compiled/react-dom-experimental/cjs/react-dom-client.development.js:5328:12)
    at eval (webpack-internal:///(app-pages-browser)/../../node_modules/.pnpm/[email protected][email protected][email protected][email protected]/node_modules/next/dist/compiled/react-dom-experimental/cjs/react-dom-client.development.js:5596:33)
    at reconcileChildren (webpack-internal:///(app-pages-browser)/../../node_modules/.pnpm/[email protected][email protected][email protected][email protected]/node_modules/next/dist/compiled/react-dom-experimental/cjs/react-dom-client.development.js:7985:13)
    at beginWork (webpack-internal:///(app-pages-browser)/../../node_modules/.pnpm/[email protected][email protected][email protected][email protected]/node_modules/next/dist/compiled/react-dom-experimental/cjs/react-dom-client.development.js:10223:13)
    at runWithFiberInDEV (webpack-internal:///(app-pages-browser)/../../node_modules/.pnpm/[email protected][email protected][email protected][email protected]/node_modules/next/dist/compiled/react-dom-experimental/cjs/react-dom-client.development.js:625:30)
    at performUnitOfWork (webpack-internal:///(app-pages-browser)/../../node_modules/.pnpm/[email protected][email protected][email protected][email protected]/node_modules/next/dist/compiled/react-dom-experimental/cjs/react-dom-client.development.js:15390:22)
    at workLoopConcurrent (webpack-internal:///(app-pages-browser)/../../node_modules/.pnpm/[email protected][email protected][email protected][email protected]/node_modules/next/dist/compiled/react-dom-experimental/cjs/react-dom-client.development.js:15384:9)
    at renderRootConcurrent (webpack-internal:///(app-pages-browser)/../../node_modules/.pnpm/[email protected][email protected][email protected][email protected]/node_modules/next/dist/compiled/react-dom-experimental/cjs/react-dom-client.development.js:15366:15)
    at performWorkOnRoot (webpack-internal:///(app-pages-browser)/../../node_modules/.pnpm/[email protected][email protected][email protected][email protected]/node_modules/next/dist/compiled/react-dom-experimental/cjs/react-dom-client.development.js:14655:13)
    at performWorkOnRootViaSchedulerTask (webpack-internal:///(app-pages-browser)/../../node_modules/.pnpm/[email protected][email protected][email protected][email protected]/node_modules/next/dist/compiled/react-dom-experimental/cjs/react-dom-client.development.js:16279:7)
    at MessagePort.performWorkUntilDeadline (webpack-internal:///(app-pages-browser)/../../node_modules/.pnpm/[email protected][email protected][email protected][email protected]/node_modules/next/dist/compiled/scheduler-experimental/cjs/scheduler.development.js:44:48)

To Reproduce

In a Next 15 app, use "sanity/presentation" and open the studio.

Expected behavior

There should be no error thrown.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging a pull request may close this issue.

1 participant