Routes not working when i manually change url

A strange issue.
Im using react es6 with react-router-dom.
I dont get much helpful info in the build results but i have included them at the bottom.
The site isnt linked very well yet so to navigate on localhost i always change the url bar to get there.
Yet when trying to do this through netlify i always get the netlify page not found!
Working: https://63fe864ffcf28500092eaf8f--cute-pudding-2b5aa1.netlify.app
NOT working: https://63fe864ffcf28500092eaf8f--cute-pudding-2b5aa1.netlify.app/account

So i cant navigate anywhere but the ‘/’ homepage. I added a link to the account page using ‘Link’ from react. And that works and takes me to the account page. However i cant just update the URL?
The same issue occurs if i navigate to the account page with the Link and then press f5 to reload the page. I get another page cannot be found result.

Its very strange. I can navigate perfectly fine on localhost.
Is there an issue i dont know about with react and Netlify maybe?
I would very much appreciate some advice.

Tom

I have a few pages ```
<Route path=‘/’ element={} />
<Route path=‘/portfolio’ element={} />
<Route path=‘/developer’ element={} />
<Route path=‘/login’ element={} />
<Route path=‘/register’ element={} />
<Route path=‘/reset-password’ element={} />
<Route path=‘/account’ element={} />
<Route path=‘users/verify/:userId/:uniqueString’ element={} />


My site is:
https://main--cute-pudding-2b5aa1.netlify.app/

Creating an optimized production build…
10:55:34 PM: Compiled with warnings.
10:55:34 PM:
10:55:34 PM: [eslint]
10:55:34 PM: src/components/nav/Navbar.jsx
10:55:34 PM: Line 1:17: ‘useContext’ is defined but never used no-unused-vars
10:55:34 PM: src/pages/account/Account.jsx
10:55:34 PM: Line 3:10: ‘useParams’ is defined but never used no-unused-vars
10:55:34 PM: Line 8:10: ‘alert’ is assigned a value but never used no-unused-vars
10:55:34 PM: Search for the keywords to learn more about each warning.
10:55:34 PM: To ignore, add // eslint-disable-next-line to the line before.
10:55:35 PM: Starting post processing
10:55:34 PM: File sizes after gzip:
10:55:34 PM: 70.56 kB build/static/js/main.754c37ad.js
10:55:35 PM: Post processing - HTML
10:55:34 PM: 3.31 kB build/static/css/main.861c6358.css
10:55:34 PM: The project was built assuming it is hosted at /.
10:55:34 PM: You can control this with the homepage field in your package.json.
10:55:35 PM: Post processing - header rules
10:55:34 PM: The build folder is ready to be deployed.
10:55:34 PM: You may serve it with a static server:
10:55:35 PM: Post processing - redirect rules
10:55:34 PM: npm install -g serve
10:55:35 PM: Post processing done
10:55:34 PM: serve -s build
10:55:34 PM: Find out more about deployment here:
10:55:36 PM: Section completed: postprocessing
10:55:34 PM: Deployment | Create React App

Please refer to CRA docs: Deployment | Create React App and add the required redirects.