I'm using hash routing for a React JS application. The application runs fine in local environment.

For example https://stackoverflow.com/posts/ should be the URL of the application but it doesn't work and I have to use https://stackoverflow.com/posts/index.html to make it work.

After deploying, I noticed that it was downloading an empty file named "download" instead of serving the default index.html file in the build file . To run builds on the server, I use S3 and CloudFront architecture.

Right now, I can't tell if the HASH routing is misbehaving or if there's something wrong with the AWS deployment.

Code snippet using React JS

import React from 'react'; import ReactDOM from 'react-dom'; import { Provider } from 'react-redux'; import store from './redux/store'; import App from './App'; import reportWebVitals from './reportWebVitals'; import { HashRouter } from 'react-router-dom/cjs/react-router-dom'; ReactDOM.render(      document.getElementById('root') );

Part of package.json content

{ "name": "loremipsum", "version": "0.1.0", "private": true, "homepage": "/loremipsum/" }