型 'string | undefined' の引数を型 'SetStateAction' のパラメーターに割り当てることはできません。の解決方法について

はじめに

下記のようなエラーが表示されました。

型 'string | undefined' の引数を型 'SetStateAction' のパラメーターに割り当てることはできません。
型 'undefined' を型 'SetStateAction' に割り当てることはできません。ts(2345)
"Qiita": Unknown word.cSpell
const matchedQiita: string | undefined

下記のように記述していました。

.ts

export class Users {
 public github_id?: string;

.tsx

 const [userGithub, setUserGithub] = useState<string | null>("");

setUserGithub(matchedGithub); // ユーザーのGithub管理ｽﾃｰﾄにその説明をｾｯﾄ

解決方法

nullをundefinedに変更

.tsx

 const [userGithub, setUserGithub] = useState<string | undefined>("");

setUserGithub(matchedGithub); // ユーザーのGithub管理ｽﾃｰﾄにその説明をｾｯﾄ

何気なく、stateにnullを記述していましたが、下記の資料を参考にnullとundefinedについて調べることにしました。

参考

おわりに

undefinedとnullも奥が深いですね。