Bug: App stuck in Suspense "state" re-rendering loop after migrating to React v18.2 about react

[hansottowirtz]

This is likely because the promise that Suspense is waiting for is not stable (it changes every render). Can you try moving renderRoutes(routes) out of the App component?

const routeComponents = renderRoutes(routes);

const App = () => {
  ...
                  <ScrollReset />
                  {routeComponents}
                </AuthProvider>
  ...
}

[NIKHILNAIR21]

you can try move renderRoutes(routes) out of the App component it may work?