I was also facing the same issue. fixed it by adding a htaccess file with following content:
<IfModule mod_rewrite.c> RewriteEngine On RewriteBase / RewriteRule ^index\.html$ - [L] RewriteCond %{REQUEST_FILENAME} !-f RewriteCond %{REQUEST_FILENAME} !-d RewriteCond %{REQUEST_FILENAME} !-l RewriteRule . /index.html [L] </IfModule>
found the solution at: https://stackoverflow.com/questions/56248347/how-to-fix-404-error-when-directly-accessing-a-component-in-react

You can change your `.htaccess` file and insert this: <IfModule mod_rewrite.c> RewriteEngine On RewriteBase / RewriteRule ^index\.html$ - [L] RewriteCond %{REQUEST_FILENAME} !-f RewriteCond %{REQUEST_FILENAME} !-d RewriteCond %{REQUEST_FILENAME} !-l RewriteRule . /index.html [L] </IfModule>
I am using `react: "^16.12.0"` and `react-router: "^5.1.2"` This method is the Catch-all and is probably the easiest way to get you started.