title: Can't directly access page with react-router-dom
body: <p>I use react-router-dom and create-react-app to make my project.
  I found that I can't directly enter the link to go to that page like 'https://xxx/about',</p>
  <p>It will throw Page not found. I can just go to index and use the navbar to link to another page.</p>
  <p>My website link:
  <a href="https://telegramgroups.pinkjelly.org/" rel="nofollow noreferrer">https://telegramgroups.pinkjelly.org/</a></p>
  <p>I can use this link to enter index.html.
  But I can't go to other path by link
  <a href="https://telegramgroups.pinkjelly.org/interest" rel="nofollow noreferrer">https://telegramgroups.pinkjelly.org/interest</a></p>
  <p>My code:</p>
  <pre><code>function App() {
    return (
      &lt;Router&gt;
        &lt;div className=&quot;App&quot;&gt;
          &lt;header className=&quot;App-header&quot;&gt;
            &lt;div&gt;Telegram Groups&lt;/div&gt;
            &lt;a
              className=&quot;github&quot;
              target=&quot;_blank&quot;
              href=&quot;https://github.com/catsheue/telegram-group&quot;
            &gt;
              Github
            &lt;/a&gt;
          &lt;/header&gt;
  
          &lt;div className=&quot;App-body&quot;&gt;
            &lt;nav className=&quot;App-nav&quot;&gt;
              &lt;ul&gt;
                {pathList.map((item) =&gt; {
                  const id = nanoid();
                  const { path, name } = item;
                  return (
                    &lt;li key={id}&gt;
                      &lt;NavLink to={path}&gt;{name}&lt;/NavLink&gt;
                    &lt;/li&gt;
                  );
                })}
              &lt;/ul&gt;
            &lt;/nav&gt;
            &lt;div className=&quot;App-content&quot;&gt;
              &lt;Switch&gt;
                &lt;Route path=&quot;/chatroom&quot;&gt;
                  &lt;ListSection list={chatList} /&gt;
                &lt;/Route&gt;
                &lt;Route exact path=&quot;/&quot;&gt;
                  &lt;div className=&quot;App-hello&quot;&gt;
                    收藏一些telegram群組，有想要加入的話歡迎來信
                    catsheue@gmail.com，或
                    &lt;a href=&quot;https://t.me/lunajs&quot; className=&quot;App-link&quot;&gt;
                      私我telegram
                    &lt;/a&gt;
                  &lt;/div&gt;
                &lt;/Route&gt;
              &lt;/Switch&gt;
            &lt;/div&gt;
          &lt;/div&gt;
        &lt;/div&gt;
      &lt;/Router&gt;
    );
  }
  </code></pre>
  <p>My github:
  <a href="https://github.com/catsheue/telegram-group" rel="nofollow noreferrer">https://github.com/catsheue/telegram-group</a></p>
  <p>My react-router version:
  &quot;react-router-dom&quot;: &quot;^5.2.0&quot;,</p>
  <p>I tried googled but can't figure out which one is my scenario.
  Any idea?</p>