Will Remix-PWA support the move to React Router v7?

[henryStelle]

Hi,
This seems like a great package. However, it seems Remix is "taking a pause" now that all the functionality has moved to React Router v7:

• https://remix.run/blog/merging-remix-and-react-router
• https://remix.run/blog/react-router-v7

Will Remix-PWA publish future versions based around React Router v7 instead of Remix?

Thanks!

[ShafSpecs]

Remix PWA would support react router as well as Remix. React Router v7 is very similar to Remix, and my goal is to ensure wether you choose to use existing Remix versions, or new React router versions, Remix PWA would provide support for them

[sindras]

Hi, thanks for the hard work here!

Just curious if there is a timeline in mind?

I tried remix-pwa v3 today and noticed that it was not compatible with react-router v7, because remix-pwa made assumption that remix-run/react would be installed in the project. In addition, the documentation website has not been up-to-date too: it mentions v3, and v4, but the github repo itself is in the middle of releasing v5?

As someone new to do this package, I would love to know whether v5 is almost ready, or should I give v4 a try?

[ShafSpecs]

The docs also has a next section that's dedicated to v5, the docs aren't fully done yet tho. Regarding the timeline, I don't have one. React Router v7 is similar to Remix, but with a few distinctions that I need to explore

[IgnisDa]

Hey @ShafSpecs. Any movement on this?

[ShafSpecs]

Hey @ShafSpecs. Any movement on this?

Yeah, it's been pretty slow and would be a dev release for a while, but I am working on this

[IgnisDa]

@ShafSpecs Is there a github branch i can try out for this?

[ShafSpecs]

@ShafSpecs Is there a github branch i can try out for this?

Not yet unfortunately, I am still trying to get React Router v7 to work on my machine

[IgnisDa]

Maybe I can help? Can you post the error? I have it working on a new react-router app, as well as upgraded a big remix application to it.

[ShafSpecs]

Maybe I can help? Can you post the error? I have it working on a new react-router app, as well as upgraded a big remix application to it.

This branch (v5-rc): https://github.com/remix-pwa/monorepo/tree/v5-rc/sandboxes/rr7

I re-worked the sandbox to contain remix spa apps, normal ssr apps and a react router v7 app. The Remix apps work, but React Router throws errors for some reason

Unexpected Server Error

Error: Objects are not valid as a React child (found: object with keys {$$typeof, type, key, ref, props, _owner, _store}). If you meant to render a collection of children, use an array instead.

[IgnisDa]

Okay i got it working. Seems to be a problem with the sandbox being inside a workspace. Changes i made:

• root package.json

• run touch package-lock.json && npm i in sandboxes/rr7

• in sandboxes/rr7/app/root.tsx

I suspect that this problem exists only for npm workspaces since https://github.com/remix-run/react-router-templates uses pnpm which works. and I can tell from personal experience that yarn workspaces also work.

Hope that points you in the right direction...

[ShafSpecs]

Thanks for the fix @IgnisDa! Started work on reactRouterPWA plugin