Refreshing Issue

this solution fixed the problem:

1. Create a netlify.toml in the project's root directory.
2. Add the following code in the netlify.toml file:

[[redirects]]
    from = "/*"
    to = "/"
    status = 200

1. Run the netlify deploy command in your terminal.

---

Redirects and rewrites

You can configure redirect and rewrite rules for your Netlify site in two ways:

• Save a plain text file called _redirects without a file extension to the publish directory of your site. You can find _redirects file syntax details below.
• Add one or more redirects tables to your Netlify configuration file. This method allows for more structured configuration and additional capabilities, as described in the Netlify configuration file syntax section below.

Netlify processes and serializes your redirect rules across the _redirects and netlify.toml files. If the size of this output is too large, the deploy might fail.

If you need to set up 10,000 redirects or more, we recommend using wildcards or placeholders as much as possible. For a more complex redirect setup, Edge Functions can be a better option.

---

Reference

• Netlify renders 404 on page refresh (using React and react-router: stackoverflow)

• 404 error when i refresh/reload page everysingle page other than landing page. React app with react-router-dom: netlify forum

• Redirects and rewrites: docs.netlify.com