🗺 Add lazy property to Route

[ryanflorence]

Don't want to add a new function like createModuleRoutes we just want to add <Route module> and then ignore all the other things.

Progress

• Discussion: Remix Route Modules in React Router #9826
• PR: Lazy Loaded Route Modules #10045
• Original user-land approach PR: feat(react-router-dom): add createModuleRoutes utility function #9830
• Blog Post PR: Lazy Loading Routes Blog Post remix-website#75

[ryanflorence]

@markdalgleish get to a happy place and then we'll have a meeting to figure out how much Remix (particularly manifest routes) we want to bring over to React Router.

[brophdawg11]

This is released in react-router-dom@6.9.0-pre.0 if anyone is keeping an eye on this and wants to give it a test spin 😉

[david-crespo]

Tried both the lazy prop and the non-lazy Component prop. Looking good! I could definitely get into a pattern like this for things I don't care about code-splitting.

import * as SSHKeysPage from './pages/settings/SSHKeysPage'

<Route path="ssh-keys" {...SSHKeysPage } />

[brophdawg11]

Released in 6.9.0