title: React Js Router showing 404 error on hosting
body: <p>I developed a React Js site and used Router to route through pages.</p>
  <pre><code> &lt;Router&gt;
        {/* &lt;NavBar/&gt; */}
        &lt;Routes&gt;
        &lt;Route path=&quot;/&quot; element={&lt;App /&gt;} /&gt;
        &lt;Route path=&quot;/shop&quot; element={&lt;Shop /&gt;} /&gt;
        &lt;Route path=&quot;/product&quot; element={&lt;Product /&gt;} /&gt;
        &lt;Route path=&quot;/login&quot; element={&lt;LoginScreen /&gt;} /&gt;
        &lt;Route path=&quot;/signup&quot; element={&lt;SingupScreen /&gt;} /&gt;
        &lt;Route path=&quot;/account&quot; element={&lt;AccountView /&gt;} /&gt;
        &lt;Route path=&quot;/forgotPassword&quot; element={&lt;ForgotPassword /&gt;} /&gt;
        &lt;Route path='*' element={PageNotFound}/&gt;
        &lt;/Routes&gt;
      &lt;/Router&gt;
  </code></pre>
  <p>This is the router and this works when we call it using 'NavLink'. When I type <a href="http://example.org/shop" rel="nofollow noreferrer">http://example.org/shop</a> in the url its showing 404 error on server. But in localhost it works fine. The router problems occurs when its hosted. Please help me out.</p>