无法给元素派发change事件？

Question

export default function App() {
    return (
        <div>

            <input
                onChange={
                    () => {console.log("我变了")}
                }
            />

            <button
                onClick={
                    e => {
                        let i = e.currentTarget.previousSibling
                        i.dispatchEvent(new Event('change'))
                    }
                }
            >
                点我
            </button>

        </div>
    )
}

点击<button/>，<input/>的change事件为何不被触发？