t_wの輪郭

モチベーション

useParam（副作用）のモックを作るのが面倒なので、単体テストしづらいんじゃとなった

本体

import { ReactNode } from "react";
import { useParams } from "react-router-dom";

export function RouteSolver({Component, args}:{Component:(props:any)=>ReactNode, args:any}) {
    const params = useParams()
    return <>{Component({...params, ...args})}</>
}

使い方

<Routes>
  <Route path="/:kno" Component={()=><RouteSolver Component={KnoToPost} args={{}} />} />
</Routes>