score:1

maybe you have figured it out, but try to nest the suspense inside the route like this and do it for each route you want to have suspense fallback on:

<route exact path="/route-3"/>
 <suspense fallback={<loader />}>
  <component3/>
 </suspense>
</route>

score:2

from the official documentation that i read, there is an example that switch component is working inside suspense component. so maybe for your issue, you can try to move switch component into suspense component (order of component suspense is higher than component switch). below is an example.

  <router>
    <suspense fallback={<div>loading...</div>}>
      <switch>
        <route exact path="/" component={home}/>
        <route path="/about" component={about}/>
      </switch>
    </suspense>
  </router>

good luck!


Related Query

More Query from same tag