Upgraded to Next.js 15.1 and have a black screen on my routes
Answered
Cape lion posted this in #help-forum
Cape lionOP
I just upgraded to Next.js 15.1 with React 19 and I cannot find the root cause for this black screen in all my routes. Sometimes If I refresh it goes away but wen I'm just normally browsing around, the pages are black.
https://files.arxk.io/u/uwx2Eu.png
I use shadcn for my UI components, not sure if that's related but they seem to have support for React 19 now and I've upgraded my components.
https://files.arxk.io/u/uwx2Eu.png
I use shadcn for my UI components, not sure if that's related but they seem to have support for React 19 now and I've upgraded my components.
Answered by Cape lion
Everything seems to be working now, I upgraded a couple packages.
framer-motion, resend, tailwind-merge, @types/react, @types/react-dom, tailwindcss9 Replies
Cape lionOP
To be clear: I've never experienced this before, so I'm unsure if it's related to the new version or if this is a common issue for doing X wrong
@Cape lion I just upgraded to Next.js 15.1 with React 19 and I cannot find the root cause for this black screen in all my routes. Sometimes If I refresh it goes away but wen I'm just normally browsing around, the pages are black.
https://files.arxk.io/u/uwx2Eu.png
I use shadcn for my UI components, not sure if that's related but they seem to have support for React 19 now and I've upgraded my components.
yes, shadcn support react19. Can you share your package.json and how you start your app?
Cape lionOP
Yeah one moment
bun run devI use velite for documentation
Seems to work well for React 19 + Next.js 15
@Cape lion Seems to work well for React 19 + Next.js 15
can you remove it for a moment and only run
next dev? using bun run dev?Cape lionOP
Everything seems to be working now, I upgraded a couple packages.
framer-motion, resend, tailwind-merge, @types/react, @types/react-dom, tailwindcssAnswer
Cape lionOP
I'm going to assume it was Tailwind