Cloudflare Pages don't support _redirects to __spa-fallback.html

[Akash187]

I'm using React Router as a...

framework

Reproduction

1. Create a SPA app with pre-rendered / path.
2. Use wrangler to serve the buid/client using wrangler pages dev ./build/client

System Info

1. React Router v7.2.0
2. Vite 6.2.0
3. React 19.0.0
4. Wrangler 3.111.0

Used Package Manager

pnpm

Expected Behavior

_redirects rule /* /__spa-fallback.html 200 should serve with status 200.

I tested my build using sirv-cli and it is working fine. The issue is only with cloudflare pages, during development using their wrangler tool and on server when deployed.

Actual Behavior

Right now this rule is creating 308 permanent redirect issue.

[Akash187]

I don't think that the issue is with React-Router but since a lot of us use Cloudlfare pages to deploy, it will help us discuss solution or fixes at a single place.

[Akash187]

Hey @markdalgleish, can you please take a look, I am stuck at this for more than a week.

[timdorr]

Can you create a reproduction of this issue? AFAIK, React Router works fine with Cloudflare Pages, so there may be some config issue here.

[Akash187]

@timdorr here is the repo https://github.com/Akash187/react-router-redirect-issue
You will need to run it locally to test it, It doesn't run on Stackblitz
Just run 2 commands

1. npm run build
2. npm run preview

[timdorr]

You need to delete the public/_redirects file. Since you don't have any SPA pages, just full pre-rendered content, you don't need that file. If you do end up having non-prerendered pages, Cloudflare handles that for you automatically, so it would be entirely redundant.

[Akash187]

@timdorr I understand that but without _redirects to __spa-fallback.html I see the pre-rendered index.html page where I don't want it to be, suppose I am on /dashboard page which is not pre-rendered when I perform full page refresh I see the index.html page before page load while ideally I want to see the HydrateFallback page while page load.

I would like to mention that I tested my build using sirv-cli and it is working fine.
Basically I want to see the HydrateFallback for non-prerendered pages on full page refresh.

Thank you

[Akash187]

@timdorr you can't close this, the issue is not solved even when there is no spa page as in the case of example repo i shared _redirects should not cause any issue.

@brophdawg11 can you please look into this.

[timdorr]

This is an issue with Cloudflare, not React Router. I would consult with them how you can have all other URLs go to the SPA fallback page. If /* isn't working for the redirect, that is on them to solve. We can't do anything from here.

[Akash187]

That will be great, I too believe this issue is with Cloudflare.
Please update us when you get a response.

[timdorr]

Sorry, that was unclear wording. I was saying "if I were you, I would..." Please reach out to the appropriate support channels for Cloudflare and workerd.

[Akash187]

No issue man, I though you know someone at Cloudflare and can directly reachout to them.
Since I am on free tier so they don't provide much support. Will ask this question in discussion group.

[Akash187]

Fixed it by renaming __spa-fallback.html to 404.html