title: How to add Apple App Associations to React App
body: <p>I'm using <code>react-router-dom</code> in my project as follows to define routes in my React application.</p>
  <pre><code>return (
          &lt;Router&gt;
              &lt;Switch&gt;
                  &lt;Route path=&quot;/join-us&quot; component={BusinessFeatures} /&gt;
                  &lt;Route
                      path=&quot;/signIn&quot;
                      component={SignIn}
                  /&gt;
                  ...some more routes
                  &lt;Route path=&quot;/&quot;&gt;
                      &lt;HomePage /&gt;
                  &lt;/Route&gt;
              &lt;/Switch&gt;
          &lt;/Router&gt;
      );
  </code></pre>
  <p>Now I would like to add a new route for deep linking to the iOS application associated with my website - the path has to be <code>/apple-app-site-association</code> and the endpoint is supposed to return <code>JSON</code> - here is an example from Reddit: <a href="https://www.reddit.com/apple-app-site-association" rel="nofollow noreferrer">https://www.reddit.com/apple-app-site-association</a></p>
  <p>I'm not sure how I can achieve this using my current setup though, I don't want to define a React component for this, as I want to return a pure JSON response only.</p>