Working Forge app suddenly stopped to work (Uncaught Error: Minified React error #31)

Hello Everyone,

I have a Forge app made with UI Kit 2. It was last deployed to production on 11.11.2024, and the very same code is working fine in the production environment. Nothing has been changed since then. Today, I wanted to update the packages, etc., but the app isn’t working anymore. I’m receiving the “Minified React error #31” error. Allegedly, the error is in the ForgeReconciler and the <App /> component.

ForgeReconciler.render(
  <React.StrictMode>
    <App />
  </React.StrictMode>
);

For testing purposes, I switched the rendering to a simple component, but the result is still the same. Test code:

const renderAppNotLicensed = () => {
  return (
    <>
      <Text><Em>App is not licensed. Contact you administrator.</Em></Text>
    </>
  )
}

const AppApp = () => {
  
  console.log("APP APP")
  return (
    <>
      {renderAppNotLicensed()}
    </>
  )

}

ForgeReconciler.render(
  <React.StrictMode>
    <AppApp />
  </React.StrictMode>
);

The “APP APP” message is not visible in the browser log. It looks like the app has just stuck. I have another app with a nearly identical way of generating the UI, and everything works fine there.
For me it looks similar to this topic Date fields causing Minified React error #31 in Forge UI Kit apps?

Can someone give me a hint about what might be the reason? Or maybe I need to wait for a response from Atlassian staff, as in the given topic? :slight_smile:

Cheers,
Bartek

I found the cause. The code hasn’t been changed, but I updated the packages, including package react, from v18.3.1 to v19.0.0. Restoring React to v18.3.1 made the app work. I don’t know yet what’s wrong with v.19.0.0 but for me it looks like @forge/react@10.10.1 is not compatible with react 19.0.0 (yet)

1 Like