我有问题

const imageSrc = webcamRef.current.getScreenshot();

错误：对象可能为“null”;
且src={imgSrc}

<img src={imgSrc} />

错误：类型“null”不能分配给类型“string| undefined'.ts（2322）index.d.ts（2053，9）：预期的类型来自属性'src'，该属性在类型'DetailedHTMLProps<ImgHTMLAttributes，HTMLImageElement>'上声明
完整代码如下：

import React, { createRef, useRef, useState } from "react";
import Webcam from "react-webcam";

const WebcamCapture = () => {
    const webcamRef = useRef(null);
    const [imgSrc, setImgSrc] = useState(null);

    const capture = React.useCallback(() => {
        const imageSrc = webcamRef.current.getScreenshot();
        setImgSrc(imageSrc);
    }, [webcamRef, setImgSrc]);

    return (
        <>
            <Webcam
                audio={false}
                ref={webcamRef}
                screenshotFormat="image/jpeg"
            />
            <button onClick={capture}>Capture photo</button>
            {imgSrc && (
                <img
                    src={imgSrc}
                />
            )}
        </>
    );
};

export default WebcamCapture;