React + Typescript でPropsをOptionalにしているのにアクセス時に型エラーが発生しない

Question

エディタはVScodeでTypeScriptは3.9.4を使用しています。

type User = {
  id: string;
  email: string;
};

type Props = {
  user?: User;
};

const Test: React.FC<Props> = (props) => {
  return (
    <div>
      <p>{props.user.id}</p>
      <br />
      <p>{props.user.email}</p>
    </div>
  );
};

親コンポーネントが何も渡さないとprops.userはundefinedになると思います。
そのためエディタから警告を出して{props.user?.id}や{props.user.email}と補完してほしいです。
なぜか全く警告をだしてくれません。TSのコンパイラはなぜundefinedである可能性を放棄しているのでしょうか。

Comments

[hoshi-takanori]

こちらの環境では props.user で Object is possibly 'undefined'.ts(2532) と言われますけど…。

Answer 1

"strict": false

にしたら正しくエラーが表示されました。