細部

frontend/src/App.tsx

@@ -1,11 +1,11 @@
 import cn from 'classnames'
 import { useEffect, useRef, useState } from 'react'
-import { BrowserRouter,
-	 Link,
+import { Link,
 	 Navigate,
 	 Route,
 	 Routes,
-	 useLocation } from 'react-router-dom'
+	 useLocation,
+	 useSearchParams } from 'react-router-dom'
 
 import bgmSrc from '@/assets/music.mp3'
 import ThreadListPage from '@/pages/threads/ThreadListPage'
@@ -36,6 +36,9 @@ const ScrollToTop = () => {
 export default () => {
   const bgmRef = useRef<HTMLAudioElement | null> (null)
 
+  const [searchParams] = useSearchParams ()
+  const threadId = searchParams.get ('thread')
+
   const [colourIndex, setColourIndex] = useState (0)
   const [mute, setMute] = useState (false)
   const [playing, setPlaying] = useState (false)
@@ -77,7 +80,7 @@ export default () => {
   }, [])
 
   return (
-      <BrowserRouter>
+      <>
 	<ScrollToTop />
 	<div className={cn ('w-screen min-h-screen',
 			    colours[colourIndex],
@@ -106,7 +109,9 @@ export default () => {
 	    </header>
 	    <main className="mb-8">
 	      <Routes>
-		<Route path="/" element={<Navigate to="/threads" replace />} />
+		<Route path="/"
+		       element={<Navigate to={`/threads/${ threadId ? (+threadId) + 1 : '' }`}
+					  replace />} />
 		<Route path="/threads" element={<ThreadListPage />} />
 		<Route path="/threads/:id" element={<ThreadDetailPage />} />
 	      </Routes>
@@ -117,5 +122,5 @@ export default () => {
 	    </footer>
 	  </div>
 	</div>
-      </BrowserRouter>)
+      </>)
 }

frontend/src/main.tsx

@@ -1,5 +1,10 @@
 import { createRoot } from 'react-dom/client'
-import './index.css'
-import App from './App.tsx'
+import { BrowserRouter } from 'react-router-dom'
 
-createRoot(document.getElementById('root')!).render(<App />)
+import App from '@/App.tsx'
+import '@/index.css'
+
+createRoot(document.getElementById('root')!).render(
+    <BrowserRouter>
+      <App />
+    </BrowserRouter>)