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.

Sign up for GitHub

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

Jump to bottom

Incompatibility with React 19 and NextJs 15 #570

Open
BarraR3port opened this issue Dec 16, 2024 · 2 comments
Open

Incompatibility with React 19 and NextJs 15 #570

BarraR3port opened this issue Dec 16, 2024 · 2 comments

Comments

@BarraR3port
Copy link

Describe the bug
When migrating my app to nextjs 15 with react 19, this bug shows up.

[Error] TypeError: undefined is not an object (evaluating 'className.split')
FontAwesomeIcon
react-stack-bottom-frame
renderWithHooks
updateForwardRef
runWithFiberInDEV
performUnitOfWork
workLoopSync
renderRootSync
performWorkOnRoot
performSyncWorkOnRoot
flushSyncWorkAcrossRoots_impl
commitRootImpl
commitRoot
commitRootWhenReady
performWorkOnRoot
performWorkOnRootViaSchedulerTask
performWorkUntilDeadline


The above error occurred in the <FontAwesomeIcon> component.

React will try to recreate this component tree from scratch using the error boundary you provided, ErrorBoundary.

	nextJsHandleConsoleError (client.js:85)
	(anonymous function) (suppress-nextjs-warning.mjs:13)
	defaultOnCaughtError (react-dom-client.development.js:7446)
	logCaughtError (react-dom-client.development.js:7485)
	runWithFiberInDEV (react-dom-client.development.js:544)
	(anonymous function) (react-dom-client.development.js:7532)
	callCallback (react-dom-client.development.js:10681)
	commitCallbacks (react-dom-client.development.js:10701)
	runWithFiberInDEV (react-dom-client.development.js:544)
	commitClassCallbacks (react-dom-client.development.js:10920)
	commitLayoutEffectOnFiber (react-dom-client.development.js:11491)
	recursivelyTraverseLayoutEffects (react-dom-client.development.js:12413)
	commitLayoutEffectOnFiber (react-dom-client.development.js:11586)
	recursivelyTraverseLayoutEffects (react-dom-client.development.js:12413)
	commitLayoutEffectOnFiber (react-dom-client.development.js:11414)
	recursivelyTraverseLayoutEffects (react-dom-client.development.js:12413)
	commitLayoutEffectOnFiber (react-dom-client.development.js:11586)
	recursivelyTraverseLayoutEffects (react-dom-client.development.js:12413)
	commitLayoutEffectOnFiber (react-dom-client.development.js:11586)
	recursivelyTraverseLayoutEffects (react-dom-client.development.js:12413)
	commitLayoutEffectOnFiber (react-dom-client.development.js:11414)
	recursivelyTraverseLayoutEffects (react-dom-client.development.js:12413)
	commitLayoutEffectOnFiber (react-dom-client.development.js:11414)
	recursivelyTraverseLayoutEffects (react-dom-client.development.js:12413)
	commitLayoutEffectOnFiber (react-dom-client.development.js:11586)
	recursivelyTraverseLayoutEffects (react-dom-client.development.js:12413)
	commitLayoutEffectOnFiber (react-dom-client.development.js:11414)
	recursivelyTraverseLayoutEffects (react-dom-client.development.js:12413)
	commitLayoutEffectOnFiber (react-dom-client.development.js:11586)
	recursivelyTraverseLayoutEffects (react-dom-client.development.js:12413)
	commitLayoutEffectOnFiber (react-dom-client.development.js:11414)
	recursivelyTraverseLayoutEffects (react-dom-client.development.js:12413)
	commitLayoutEffectOnFiber (react-dom-client.development.js:11586)
	recursivelyTraverseLayoutEffects (react-dom-client.development.js:12413)
	commitLayoutEffectOnFiber (react-dom-client.development.js:11414)
	recursivelyTraverseLayoutEffects (react-dom-client.development.js:12413)
	commitLayoutEffectOnFiber (react-dom-client.development.js:11414)
	recursivelyTraverseLayoutEffects (react-dom-client.development.js:12413)
	commitLayoutEffectOnFiber (react-dom-client.development.js:11414)
	recursivelyTraverseLayoutEffects (react-dom-client.development.js:12413)
	commitLayoutEffectOnFiber (react-dom-client.development.js:11414)
	recursivelyTraverseLayoutEffects (react-dom-client.development.js:12413)
	commitLayoutEffectOnFiber (react-dom-client.development.js:11586)
	recursivelyTraverseLayoutEffects (react-dom-client.development.js:12413)
	commitLayoutEffectOnFiber (react-dom-client.development.js:11586)
	recursivelyTraverseLayoutEffects (react-dom-client.development.js:12413)
	commitLayoutEffectOnFiber (react-dom-client.development.js:11586)
	recursivelyTraverseLayoutEffects (react-dom-client.development.js:12413)
	commitLayoutEffectOnFiber (react-dom-client.development.js:11586)
	recursivelyTraverseLayoutEffects (react-dom-client.development.js:12413)
	commitLayoutEffectOnFiber (react-dom-client.development.js:11586)
	recursivelyTraverseLayoutEffects (react-dom-client.development.js:12413)
	commitLayoutEffectOnFiber (react-dom-client.development.js:11414)
	recursivelyTraverseLayoutEffects (react-dom-client.development.js:12413)
	commitLayoutEffectOnFiber (react-dom-client.development.js:11586)
	recursivelyTraverseLayoutEffects (react-dom-client.development.js:12413)
	commitLayoutEffectOnFiber (react-dom-client.development.js:11586)
	recursivelyTraverseLayoutEffects (react-dom-client.development.js:12413)
	commitLayoutEffectOnFiber (react-dom-client.development.js:11419)
	recursivelyTraverseLayoutEffects (react-dom-client.development.js:12413)
	commitLayoutEffectOnFiber (react-dom-client.development.js:11414)
	recursivelyTraverseLayoutEffects (react-dom-client.development.js:12413)
	commitLayoutEffectOnFiber (react-dom-client.development.js:11419)
	recursivelyTraverseLayoutEffects (react-dom-client.development.js:12413)
	commitLayoutEffectOnFiber (react-dom-client.development.js:11414)
	recursivelyTraverseLayoutEffects (react-dom-client.development.js:12413)
	commitLayoutEffectOnFiber (react-dom-client.development.js:11586)
	recursivelyTraverseLayoutEffects (react-dom-client.development.js:12413)
	commitLayoutEffectOnFiber (react-dom-client.development.js:11414)
	recursivelyTraverseLayoutEffects (react-dom-client.development.js:12413)
	commitLayoutEffectOnFiber (react-dom-client.development.js:11496)
	commitLayoutEffects (react-dom-client.development.js:12407)
	commitRootImpl (react-dom-client.development.js:15353)
	commitRoot (react-dom-client.development.js:15252)
	commitRootWhenReady (react-dom-client.development.js:14571)
	performWorkOnRoot (react-dom-client.development.js:14495)
	performSyncWorkOnRoot (react-dom-client.development.js:15947)
	flushSyncWorkAcrossRoots_impl (react-dom-client.development.js:15808)
	commitRootImpl (react-dom-client.development.js:15400)
	commitRoot (react-dom-client.development.js:15252)
	commitRootWhenReady (react-dom-client.development.js:14571)
	performWorkOnRoot (react-dom-client.development.js:14495)
	performWorkOnRootViaSchedulerTask (react-dom-client.development.js:15932)
	performWorkUntilDeadline (scheduler.development.js:44)
@AriesMalaca-munrofg
Copy link

Having the same issue.

@tongari07
Copy link

I had a same issue but found that the problem is resolved in 0.2.2.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
None yet
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
3 participants
@BarraR3port @tongari07 @AriesMalaca-munrofg