title: How do I configure my React project to remove .html extensions from public folder html files?
body: <p>I currently am working on a project that involves appending a react app to a static website. I can't just convert the html to jsx because the website uses custom css that can't be easily rendered by React without a ton of refactoring.</p>
  <p>I've been using react-app-rewired-multiple-entry to add the html files to the project, which worked in development, but didn't work in the build. Another approach I have considered is putting the html files into the public folder and defining the route to the public folder to not require .html extensions to access html files. I can't use React-Router-DOM or anything because these files are outside of the scope of the react-app.</p>
  <p>The HTML files will render properly when placed in the public folder, but they have that pesky .html extension in the URL, and I was wondering if there's a way to rewire the create-react-app configuration, or even next.js configurations, to tell it's internal router to serve .html files when the extensions aren't put into the URL.</p>