const loader = () => {}
ではなくfunction loader(){}
を使うべきかも。
unknown になった問題のコード
export const loader: LoaderFunction = ({ context }) => {
const hoge = "hello";
return json({ hoge });
};
export default function Index() {
const {hoge} = useLoaderData<typeof loader>()
...
}
“Property ‘hoge’ does not exist on type ‘unknown’“などと怒られます。
正常に型が推論されたコード
export function loader({ context }: LoaderFunctionArgs){
const hoge = "hello";
return json({ hoge });
};
公式ドキュメントではfunctionを使っている
https://remix.run/docs/en/main/route/loader
奇をてらったことはしないほうがよかった。