How to set up React on IIS without rewrite rules nor Hashrouter - reactjs

Question

When I deploy the React App to IIS Web Server, the pages 404. I know I can fix this issue with a rewrite rule or hash router. Is there any other way?
The set up in app.js
<Switch>
<Route exact path="/Documents/Home" component={Home} />
<Route exact path="/Documents" component={Documents} />
<Route component={NotFoundPage} />
</Switch>
You can set up a rewrite rule in the web.config to have IIS point to index.html
<?xml version="1.0" encoding="UTF-8"?>
<configuration>
<system.webServer>
<rewrite>
<rules>
<rule name="ReactRouter Routes" stopProcessing="true">
<match url=".*" />
<conditions logicalGrouping="MatchAll">
<add input="{REQUEST_FILENAME}" matchType="IsFile" negate="true" />
</conditions>
<action type="Rewrite" url="index.html" />
</rule>
</rules>
</rewrite>
</system.webServer>
</configuration>
Or I can wrap the routes in a HashRouter so it doesn't send the route info to the web server. though it has a /#/ in the url.
<HashRouter>
<Switch>
<Route exact path="/Documents/Home" component={Home} />
<Route exact path="/Documents" component={Documents} />
<Route component={NotFoundPage} />
</Switch>
</HashRouter>
Is there a third way of fixing this issue of routing on IIS?