Typescriptで「型の注釈がなく、直接または間接的に初期化子で参照されているため、暗黙的に 'any' 型が含まれています。」

Question

前提

Typescriptでコンポーネントを作っていて
valueの型とoptionsのvalueの型を同じにしたいです。

該当のソースコード

type Props<T> = {
options: { label: string; value: T }[];
value: string | number;
};

export const Select = ({
value,
options
}: Props<typeof value>) => (
<select
...
</select>
);

発生している問題・エラーメッセージ

型の注釈がなく、直接または間接的に初期化子で参照されているため、暗黙的に 'any' 型が含まれています。

Selectの引数のvalueのところで上記エラーが出てしまっています

試したこと

valueに初期値を入れたり、このエラーメッセージについて調べましたが参考になりそうな記事は見つかりませんでした。
解決方法についてご教授いただければと思います。

Comments

[hoshi-takanori]

よく分かりませんが、Select をジェネリック関数にするとか？
https://marsquai.com/745ca65e-e38b-4a8e-8d59-55421be50f7e/1f67fdab-8e00-4ae1-a1b9-077d5a30a5d6/daf351d1-ce44-4bbe-9631-377326e2e43e/

Answer 1

よく分かりませんが、Select をジェネリック関数にするとか？
https://marsquai.com/745ca65e-e38b-4a8e-8d59-55421be50f7e/1f67fdab-8e00-4ae1-a1b9-077d5a30a5d6/daf351d1-ce44-4bbe-9631-377326e2e43e/

こちらを参考にすることで解決できました！