Actualize the template

package.json

@@ -14,8 +14,8 @@
     "predeploy": "pnpm run build"
   },
   "dependencies": {
-    "@tma.js/react-router-integration": "^1.0.0",
-    "@tma.js/sdk-react": "^2.1.0",
+    "@tma.js/react-router-integration": "^2.0.0",
+    "@tma.js/sdk-react": "^2.1.4",
     "@tonconnect/ui-react": "^2.0.2",
     "eruda": "^3.0.1",
     "react": "^18.3.1",

src/components/App.tsx

@@ -32,17 +32,12 @@ export const App: FC = () => {
   }, [themeParams]);
 
   useEffect(() => {
-    if (viewport) {
-      return bindViewportCSSVars(viewport);
-    }
+    return viewport && bindViewportCSSVars(viewport);
   }, [viewport]);
 
   // Create new application navigator and attach it to the browser history, so it could modify
   // it and listen to its changes.
-  const navigator = useMemo(() => initNavigator(
-    'app-navigation-state',
-    { hashMode: 'default' },
-  ), []);
+  const navigator = useMemo(() => initNavigator('app-navigation-state'), []);
   const [location, reactNavigator] = useIntegration(navigator);
 
   // Don't forget to attach the navigator to allow it to control the BackButton state as well
@@ -56,7 +51,7 @@ export const App: FC = () => {
     <Router location={location} navigator={reactNavigator}>
       <Routes>
         {routes.map((route) => <Route key={route.path} {...route} />)}
-        <Route path='*' element={<Navigate to='/'/>}/>
+        <Route path="*" element={<Navigate to="/"/>}/>
       </Routes>
     </Router>
   );

src/index.tsx

@@ -1,12 +1,7 @@
-import React from 'react';
 import ReactDOM from 'react-dom/client';
 
 import { Root } from '@/components/Root';
 
 import './index.css';
 
-ReactDOM.createRoot(document.getElementById('root')!).render(
-  <React.StrictMode>
-    <Root />
-  </React.StrictMode>,
-);
+ReactDOM.createRoot(document.getElementById('root')!).render(<Root />);