Javascript 我正在尝试运行此程序，但它显示了错误路径。split不是react中的函数

我试图在react中运行此操作，但它显示错误：

path.split不是一个函数

从“React”导入React
导入“./SendMail.css”
从“@material ui/icons/Close”导入CloseIcon
从“@material ui/core”导入{Button}
从“react hook form”导入{useForm}
函数SendMail（）{
常量{register，handleSubmit，watch，errors}=useForm（）；
const onSubmit=（数据）=>{
console.log（数据）
} 
返回(
新消息
发送
)
}

导出默认发送邮件

---

它必须位于另一个组件中，因为它不包含单词

路径。拆分
请检查导致错误的组件，并共享它。（如果您不能检查它，请共享错误图像）当我使用ref={register（{required:true}}）时，它们会显示ne errorref={register（{required:true}}）这一个
import React from 'react'
import './SendMail.css'
import  CloseIcon  from '@material-ui/icons/Close'
import { Button } from '@material-ui/core'
import { useForm } from 'react-hook-form'

function SendMail() {
    const { register, handleSubmit, watch, errors } = useForm();

    const onSubmit = (data) => {
       console.log(data)
    } 

    return (
        <div className="sendMail">
            <div className="sendMail_header">
                <h3>New Message</h3>
                <CloseIcon className="sendMail_close"/>
            </div>
            <form onSubmit={handleSubmit(onSubmit)}>
                <input
                 name='to'
                 placeholder="To"
                 type="text"
                 ref = {register({required:true})}
               />
                <input
                 name='subject'
                 placeholder="Subject"
                 type="text"
                                                
                />
                <input
                 name='message'               
                 placeholder="Message.."
                 type="text"
                 className="sendMail_message"
                                  
                 />

                <div className="sendMail_options">
                    <Button className="sendMail_send"
                    variant="contained"
                    color="primary"
                    type="submit"
                    >
                    Send
                    </Button>
                </div>
            </form>
        </div>
    )
}