relative splat path

app/react/Routes.tsx

@@ -83,8 +83,12 @@ const getRoutesLayout = (
     <Route path="library" element={privateRoute(<LibraryCards />, settings)} />
     <Route path="library/map" element={privateRoute(<LibraryMap />, settings)} />
     <Route path="library/table" element={privateRoute(<LibraryTable />, settings)} />
-    <Route path="document/:sharedId/*" element={privateRoute(<ViewerRoute />, settings)} />
-    <Route path="entity/:sharedId/*" element={privateRoute(<ViewerRoute />, settings)} />
+    <Route path="document/:sharedId">
+      <Route path="*" element={privateRoute(<ViewerRoute />, settings)} />
+    </Route>
+    <Route path="entity/:sharedId">
+      <Route path="*" element={privateRoute(<ViewerRoute />, settings)} />
+    </Route>
     <Route path="entity/:sharedId/:tabView" element={privateRoute(<ViewerRoute />, settings)} />
     <Route path="error/:errorCode" element={<GeneralError />} />
     <Route path="404" element={<GeneralError />} />

app/react/entry-client.tsx

@@ -48,15 +48,20 @@ if (window.SENTRY_APP_DSN) {
 }
 
 const router = createBrowserRouter(
-  getRoutes(atomStore.get(settingsAtom), atomStore.get(userAtom)?._id)
+  getRoutes(atomStore.get(settingsAtom), atomStore.get(userAtom)?._id),
+  {
+    future: {
+      v7_relativeSplatPath: true,
+    },
+  }
 );
 
 const App = () => (
   <ReduxProvider store={store as any}>
     <CustomProvider>
       <Provider store={atomStore}>
         <ErrorBoundary>
-          <RouterProvider router={router} fallbackElement={null} />
+          <RouterProvider router={router} />
         </ErrorBoundary>
       </Provider>
     </CustomProvider>