Blank page when refreshing in a new path: create-react-app

JavaScript
1

I am having an issue with client-side routing in my create-react-app. When I refresh the page after navigating to a different path, I get a blank page in return. I’ve been reading the documentation and know it happens because the client does not have access to that page once it reloads, because there is no more browserHistory to pull from, but idk how to fix it. I’ve tried

"homepage": "/"

in the json

 {
    path: '/*',
    element: <Navigate to='/'/>
  }

in index.js to catch any unrecognized paths and go back to the home screen (createBrowserRouter)

"start_url": "https://random-quote-gen-creynolds.netlify.app"

and added this to my manifest.json

link to my repo below

2

It depends on the host but I assume you are using Netlify?

1 Like
3

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.