react-fontawesome icon indicating copy to clipboard operation
react-fontawesome copied to clipboard
verified publisher icon FortAwesome

Incompatibility with React 19 and NextJs 15

Open BarraR3port opened this issue 1 year ago • 3 comments

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)

BarraR3port avatar Dec 16 '24 23:12 BarraR3port

Having the same issue.

AriesMalaca-munrofg avatar Dec 17 '24 06:12 AriesMalaca-munrofg

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

tongari07 avatar Jan 22 '25 15:01 tongari07

I'm still seeing this issue in v0.2.2 with react 19

smith-kyle avatar Jun 13 '25 17:06 smith-kyle

@smith-kyle you might need to provide a simple reproduction, as this issue was definitely fixed in #564 over a year ago.

charles4221 avatar Jul 27 '25 23:07 charles4221

Closing due to inactivity. If this issue continues and you have a simple repro available for us to investigate, please feel free to reopen.

charles4221 avatar Aug 22 '25 12:08 charles4221