使用去抖功能时出现性能问题警告

Question

我有这样的代码：

function App() {
  const handleInputChange = React.useCallback(
    debounce(event => {
      event.persist();
      console.log(event.target.value);
    }),
    []
  );

  return (
    <div className="App">
      <input name="search" type="search" onChange={handleInputChange} />
    </div>
  );
}

当我在控制台中键入时，我收到以下警告消息：

  

警告：出于性能原因，此合成事件被重用。如果   您看到的是，您正在访问以下位置的属性target   已发布/无效的合成事件。设置为空。如果你必须   要保留原始的合成事件，请使用event.persist（）。看到   / react-event-pooling了解更多信息。

Here codeandbox以及代码示例。我在做什么错了？