#155

frontend/src/pages/posts/PostListPage.tsx

@@ -1,5 +1,5 @@
 import { useQuery } from '@tanstack/react-query'
-import { useLayoutEffect, useRef, useState } from 'react'
+import { useLayoutEffect, useMemo, useRef, useState } from 'react'
 import { Helmet } from 'react-helmet-async'
 import { useLocation } from 'react-router-dom'
 
@@ -20,7 +20,7 @@ import type { FC } from 'react'
 import type { WikiPage } from '@/types'
 
 
-export default (() => {
+const PostListPage: FC = () => {
   const containerRef = useRef<HTMLDivElement | null> (null)
 
   const [wikiPage, setWikiPage] = useState<WikiPage | null> (null)
@@ -30,7 +30,7 @@ export default (() => {
   const tagsQuery = query.get ('tags') ?? ''
   const anyFlg = query.get ('match') === 'any'
   const match = anyFlg ? 'any' : 'all'
-  const tags = tagsQuery.split (' ').filter (e => e !== '')
+  const tags = useMemo (() => tagsQuery.split (' ').filter (e => e !== ''), [tagsQuery])
   const tagsKey = tags.join (' ')
   const page = Number (query.get ('page') ?? 1)
   const limit = Number (query.get ('limit') ?? 20)
@@ -66,7 +66,7 @@ export default (() => {
 	;
       }
     }) ()
-  }, [location.search])
+  }, [location.search, tags])
 
   return (
       <div
@@ -76,7 +76,7 @@ export default (() => {
 	  <title>
 	    {tags.length
 	     ? `${ tags.join (anyFlg ? ' or ' : ' and ') } | ${ SITE_TITLE }`
-	     : `${ SITE_TITLE }　〜 ぼざろクリーチャーシリーズ綜合リンク集サイト`}
+	     : `${ SITE_TITLE }\u3000〜 ぼざろクリーチャーシリーズ綜合リンク集サイト`}
 	  </title>
 	</Helmet>
 
@@ -112,4 +112,6 @@ export default (() => {
 	  </TabGroup>
 	</MainArea>
       </div>)
-}) satisfies FC
+}
+
+export default PostListPage