小编and*_*nez的帖子

我universal-cookie在 Next.js 项目中使用这个简单的代码，在控制台中返回警告：

import React, { useState } from "react";
import Cookies from "universal-cookie";
import styles from "../styles/Home.module.css";

export default function Home() {
  const cook = new Cookies();
  const [session, setSession] = useState(cook.get("key"));
  const setCookie = () => {
    cook.set("key", "hola", { secure: true });
    setSession(cook.get("key"));
  };
  const deleteCookie = () => {
    cook.remove("key", { secure: true });
    setSession(undefined);
  };

  return (
    <div className={styles.container}>
      <button onClick={() => setCookie()}>Save Cookie</button>
      <button onClick={() => deleteCookie()}>Delete Cookie</button>
      {session ? <>I'm in</> …

我在 React 项目中使用material-ui、react-hook-form 和 Typescript，当我尝试在 TextField 中添加 onChange 时，VScode 显示错误：

'onChange' 被指定多次，因此此用法将被覆盖。ts(2783) formComponent.tsx(33, 15)：此展开始终覆盖此属性。

formComponent.tsx：

        <TextField
          variant="standard"
          defaultValue={projectData.name}
          onChange={handleSubmit((data) => console.log(data))}
          {...register('name', { required: true })}
          error={!!errors.name}
        />