#155

frontend/src/pages/materials/MaterialBasePage.tsx

@@ -5,8 +5,10 @@ import MaterialSidebar from '@/components/MaterialSidebar'
 import type { FC } from 'react'
 
 
-export default (() => (
+const MaterialBasePage: FC = () => (
     <div className="md:flex md:flex-1 overflow-y-auto md:overflow-y-hidden">
       <MaterialSidebar/>
       <Outlet/>
-    </div>)) satisfies FC
+    </div>)
+
+export default MaterialBasePage

frontend/src/pages/materials/MaterialDetailPage.tsx

@@ -21,7 +21,7 @@ import type { Material, Tag } from '@/types'
 type MaterialWithTag = Material & { tag: Tag }
 
 
-export default (() => {
+const MaterialDetailPage: FC = () => {
   const { id } = useParams ()
 
   const [file, setFile] = useState<File | null> (null)
@@ -179,4 +179,6 @@ export default (() => {
 	      </TabGroup>
 	    </>))}
       </MainArea>)
-}) satisfies FC
+}
+
+export default MaterialDetailPage

frontend/src/pages/materials/MaterialListPage.tsx

@@ -41,7 +41,7 @@ const MaterialCard = ({ tag }: { tag: TagWithMaterial }) => {
 }
 
 
-export default (() => {
+const MaterialListPage: FC = () => {
   const [loading, setLoading] = useState (false)
   const [tag, setTag] = useState<TagWithMaterial | null> (null)
 
@@ -69,7 +69,7 @@ export default (() => {
 	setLoading (false)
       }
     }) ()
-  }, [location.search])
+  }, [location.search, tagQuery])
 
   return (
       <MainArea>
@@ -163,4 +163,6 @@ export default (() => {
 		  </ul>
 		</>))}
       </MainArea>)
-}) satisfies FC
+}
+
+export default MaterialListPage

frontend/src/pages/materials/MaterialNewPage.tsx

@@ -15,7 +15,7 @@ import { apiPost } from '@/lib/api'
 import type { FC } from 'react'
 
 
-export default (() => {
+const MaterialNewPage: FC = () => {
   const location = useLocation ()
   const query = new URLSearchParams (location.search)
   const tagQuery = query.get ('tag') ?? ''
@@ -121,4 +121,6 @@ export default (() => {
 	  </Button>
 	</Form>
       </MainArea>)
-}) satisfies FC
+}
+
+export default MaterialNewPage

frontend/src/pages/materials/MaterialSearchPage.tsx

@@ -10,7 +10,7 @@ import { SITE_TITLE } from '@/config'
 import type { FC, FormEvent } from 'react'
 
 
-export default (() => {
+const MaterialSearchPage: FC = () => {
   const [tagName, setTagName] = useState ('')
   const [parentTagName, setParentTagName] = useState ('')
 
@@ -46,4 +46,6 @@ export default (() => {
 	  </form>
 	</div>
       </MainArea>)
-}) satisfies FC
+}
+
+export default MaterialSearchPage