[docs] Official example needed for react-router v7

[Janpot]

Summary

Several issues opened by users having trouble integrating with react-router v7

There should be an official example for this framework

Examples

No response

Motivation

No response

Search keywords: react-router v7

Related #45873

[siriwatknp]

I don't see a possible way to provide a setup similar to Next.js yet so I open a discussion on React Router repo.

[siriwatknp]

Some update, I tried to use the same approach as Next.js Pages Router via renderToString and extractCriticalToChunck but not succeeded. https://github.com/siriwatknp/mui7-react-router7

There is a weird behavior that the custom cache is not propagate to the components.

// entry.server.tsx
  const emotionCache = createEmotionCache({ key: "mui" }); // << All components should have `mui-hashed` class
  const { extractCriticalToChunks } = createEmotionServer(emotionCache);

  const html = renderToString(
    <EmotionCacheProvider value={emotionCache}>
      <ServerContext.Provider value={100}>
        <ServerRouter context={routerContext} url={request.url} />
      </ServerContext.Provider>
    </EmotionCacheProvider>
  );

But when run dev with JS disabling, all generated styles are still using css- key.