Is this warning expected in CSR-only environments with lazy routes? ( * HydrateFallback Error )

[nayeonkim910]

Hi React Router team,

I'm encountering the following warning in my React application, even though I'm using a fully client-side rendering (CSR) setup:
No 'HydrateFallback' element provided to render during initial hydration

I'm using [email protected] (also tried 7.5.2 For Fix this error, but failed).

I'm using createBrowserRouter and RouterProvider, with fallbackElement set for lazy routes
The app is rendered with ReactDOM.createRoot, not hydrateRoot.

I've tried the following:

• Explicitly setting hydrateFallbackElement={undefined} or null
• Adding hydrationData={null}
• Wrapping routes in
• Removing StrictMode
• Ensuring all lazy routes return valid Component and LoadingComponent
  Despite this, the warning persists, even though all routes load and render correctly.

const router = createBrowserRouter(routes);  
export const Router = () => {  
  return (  
    <RouterProvider  
      router={router}  
      fallbackElement={<LoadingMask />}  
      hydrateFallbackElement={undefined} // i tried using Function   
      hydrationData={null}  
    />  
  );  
};  

❓Is this warning expected in CSR-only environments with lazy routes?
❓Is there a recommended workaround or a fix planned ? 🙏🙏🙏🙏