「Property 'toaster' is missing in type '{ children: any; }' but required in type 'CustomToastTitleProps'.」の解決方法

はじめに

typescript勉強中に警告がでた

問題

【警告内容】

Property 'toaster' is missing in type '{ children: any; }' but required in type 'CustomToastTitleProps'.

型ではtoasterというプロパティが定義されてるのに渡されていないという内容でした。

【実際のコード】

<ToastTitleWithType>{toast.title}</ToastTitleWithType>

解決方法

以下のようにpropsを渡したら解決しました。

【修正後のコード】

<ToastTitleWithType toaster={toaster}>{toast.title}</ToastTitleWithType>

おわりに

今までエラーはAIで修正して適当に解決してきたので、同じエラーに出会っても毎回自分の力では解決できていませんでした。
必ず調べるようにしてから同じエラーはすぐ修正できるようになったし、知識が蓄積されていく感じがとても楽しいです！