Display an image selected from input type file with React + TypeScript

SelectDisplayImage.tsx

const SelectDisplayImage = () => {
  const [image, setImage] = useState<null | string>(null);

  const onImageChange = (event: React.ChangeEvent<HTMLInputElement>) => {
    const input = event.target;

    if (!input.files?.length) {
      return;
    }

    const file = input.files[0];
    setImage(URL.createObjectURL(file));
  };

  return (
    <div>
      <input type="file" onChange={onImageChange} className="filetype" />
      {image ? <img src={image} alt="preview image" /> : null}
    </div>
  );
};