🎨 とりあえず tsc を解消

src/components/achievements/Card.tsx

@@ -2,7 +2,7 @@ import { Avatar, Flex, Table, Text } from "@radix-ui/themes";
 import { type ReactElement } from "react";
 import styled from "styled-components";
 import { useNavigate } from "@/router";
-import { type Achievement } from "@/types/achievement";
+import { type Achievement } from "@/types/post-data/achievements";
 
 export function AchievementCard({
   achievement,

src/pages/achievements/[id]/index.tsx

@@ -1,11 +1,9 @@
 import { type ReactElement } from "react";
-import { useMatch } from "react-router-dom";
 import { useParams } from "@/router";
 
 export default function Page(): ReactElement {
   // const { params } = useMatch('/posts/$id')
   const { id } = useParams("/achievements/:id");
-  const match = useMatch("/achievements/:id");
 
   return (
     <>

src/pages/achievements/index.tsx

@@ -3,6 +3,7 @@ import { type ReactElement } from "react";
 import styled from "styled-components";
 import Achievements from "@/assets/achievements.json";
 import { AchievementCard } from "@/components/achievements/Card";
+import { type Achievement } from "@/types/post-data/achievements";
 
 const BoxStyle = styled(Box)`
   margin: 0 auto;
@@ -22,12 +23,15 @@ export default function Page(): ReactElement {
         </Table.Header>
 
         <Table.Body>
-          {Achievements.achievements.map((achievement) => (
-            <AchievementCard
-              key={achievement.id} 
-              achievement={achievement}
-            />
-          ))}
+          {Achievements.achievements.map((achievement) => {
+            const typedAchievement = achievement as unknown as Achievement;
+            return (
+              <AchievementCard
+                key={achievement.id}
+                achievement={typedAchievement}
+              />
+            );
+          })}
         </Table.Body>
       </Table.Root>
     </BoxStyle>

src/pages/members/[id]/index.tsx

@@ -1,11 +1,9 @@
 import { type ReactElement } from "react";
-import { useMatch } from "react-router-dom";
 import { useParams } from "@/router";
 
 export default function Page(): ReactElement {
   // const { params } = useMatch('/posts/$id')
   const { id } = useParams("/achievements/:id");
-  const match = useMatch("/achievements/:id");
 
   return (
     <>