title: How to configure Office-js excel react add-in to use react-router-dom or alternative solutions?
body: <p>So I'm trying to set up an Office-js excel add-in using react (using the yeoman office-js generator found here <a href="https://github.com/OfficeDev/generator-office" rel="nofollow noreferrer">https://github.com/OfficeDev/generator-office</a>) and am running into issues configuring the add-in to use multiple routes. Doesn't look like traditional React routing works right out of the box (currently trying to use react-router-dom). Anybody know how I'd go about doing this? In particular, looking to see how I should configure some sort of routes, webpack.config.js, and the manifest.xml.</p>
  
  <p>Would love to load up, for example, something like a LandingComponent on route=[baseUrl]/, and something like SignupComponent on [baseUrl]/signup.</p>
  
  <p>For regular old React, what I'm trying to do would look something like this</p>
  
  <pre><code>const Routes = () =&gt; (
    &lt;div&gt;
      &lt;Route path="/" exact component={LandingComponent} /&gt;
      &lt;Route path="/signup" exact component={SignupComponent} /&gt;
    &lt;/div&gt;
  )
  </code></pre>
  
  <p>Key pieces of code I suspect would require modification would involve probably something in webpack.config.js (painfully new to actually configuring webpack, not sure if I will need to deal with this guy),</p>
  
  <p>manifest.xml</p>
  
  <pre class="lang-xml prettyprint-override"><code>&lt;DefaultSettings&gt;
      &lt;SourceLocation DefaultValue="https://localhost:3000/taskpane.html"/&gt;
  &lt;/DefaultSettings&gt;
  </code></pre>
  
  <p>Also I'm looking into doing things like removing the '.html' from the URL above (the goal being that the addin should load the landing by default at '<a href="https://localhost:3000/" rel="nofollow noreferrer">https://localhost:3000/</a>', and you can nav via buttons to '<a href="https://localhost:3000/signup" rel="nofollow noreferrer">https://localhost:3000/signup</a>', whereas the addin is currently loading '<a href="https://localhost:3000/taskpane.html" rel="nofollow noreferrer">https://localhost:3000/taskpane.html</a>' by default).</p>
  
  <p>Sorry for the word vomit, still very new at this and not sure what is and isn't possible!</p>