每次我尝试在输入字段中输入一些内容时，我都无法在代码中找到此错误的解决方案。 TypeError：无法读取未定义的属性“name”

但我已经按照以下帖子中的答案做了 https://stackoverflow.com/a/57519847/16568705 仍然不起作用

这里是所有代码

MultiStepForm.js

import { useForm, useStep } from "react-hooks-helper";
import React from "react";
import { LaporanPolisi } from "./stepForm/LaporanPolisi";
const defaultData = {
    laporanPolisi: {
        nomorLp: "",
        jenisKelamin: 0,
        tanggalLp: "",
        kerugian: 0,
        uraianSingkat: "",
        pasalDilanggar: [
            {
                undangUndang: "",
                pasal: ""
            }
        ]
    },
    pelapor: [],
    saksi: [],
    korban: [],
    terlapor: [],
    barangBukti: [],
    tkp: {
        kodeProvinsi: "",
        kodeKabupaten: "",
        kodeKecamatan: "",
        kodeKelurahan: "",
        kodeRT: "",
        kodeRW: ""
    }
}
const steps = [
    { id: "laporanPolisi" },
    { id: "pelapor" },
    { id: "saksi" },
    { id: "korban" },
    { id: "terlapor" },
    { id: "barangBukti" },
    { id: "tkp" },
    { id: "submit" }
]
export const MultiStepForm = () => {
    const [formData, setForm] = useForm(defaultData);
    const { step, navigation } = useStep({
        steps,
        initialStep: 0,
    });

    const props = { formData, setForm, navigation };

    switch (step.id) {
        case "laporanPolisi":
            return <LaporanPolisi {...props} />;
        case "pelapor":
            return "Pelapor";
        case "saksi":
            return "Saksi";
        case "korban":
            return "Korban";
        case "terlapor":
            return "Terlapor";
        case "barangBukti":
            return "Barang Bukti";
        case "tkp":
            return "TKP";
        case "submit":
            return "Submit";
        default:
            return <LaporanPolisi {...props} />;
    }
};

LaporanPolisi.js

import React from 'react';

export const LaporanPolisi = ({ formData, setForm, navigation }) => {
    const {
        laporanPolisi
    } = formData;
    const handleChange = e => {
        const { name, value } = e.target;
        console.log(name)
        setForm(prevState => ({
            ...prevState,
            laporanPolisi: {
                ...prevState.laporanPolisi,
                [name]: value
            }
        }));
    };
    return (
        <div className="card">
            <div className="card-header">
                <h4>Laporan Polisi</h4>
            </div>
            <div className="card-body">
                <div className="row">
                    <div className="col-md-6">
                        <div className="form-group">
                            <label htmlFor="nomorLp">Nomor Laporan</label>
                            <input onChange={handleChange} id="nomorLp"
                                placeholder="Nomor Laporan" type="text" className="form-control" name="nomorLp" value={laporanPolisi.nomorLp} />
                        </div>
                    </div>
                    <div className="col-md-6">
                        <div className="form-group">
                            <label htmlFor="jenisKelamin">Jenis Kelamin</label>
                            <select onChange={handleChange} value={laporanPolisi.jenisKelamin} id="jenisKelamin" name="jenisKelamin" className="custom-select">
                                <option value={0}>Laki-Laki</option>
                                <option value={1}>Perempuan</option>
                            </select>
                        </div>
                    </div>
                    {/* <input placeholder="Tanggal Laporan" type="text" className="form-control" name="nomorLp" value={jenisKelamin}></input>
                    <input placeholder="Kerugian" type="text" className="form-control" name="nomorLp" value={nomorLp}></input>
                    <input placeholder="Uraian Singkat" type="text" className="form-control" name="nomorLp" value={nomorLp}></input>
                    <input placeholder="Nomor Laporan" type="text" className="form-control" name="nomorLp" value={nomorLp}></input> */}
                </div>
            </div>
            <pre>
                <code>
                    {JSON.stringify(formData.laporanPolisi)}
                </code>
            </pre>
        </div>
    )
}

错误图像： https://i.sstatic.net/Q7Gjf.jpg
在此先谢谢了，抱歉我的英语不好。