InvalidStateError: Failed to execute 'stop' on 'MediaRecorder': The MediaRecorder's state is 'inactive'

Question

const [rec, setRec] = useState({});
const [onRec, setOnRec] = useState(true);
useEffect(() => {
    navigator.mediaDevices.getUserMedia({ audio: true })
        .then