React Hook “useState“ is called in function “xxx“ which is neither a React function component or

问题代码

import {useState,useEffect} from 'react'
const useData = () => {
    const [data,setData] = useState({count:0});
    useEffect(()=>{
        setTimeout(()=> {
            setData((data)=>({...data,count:data.count+1}))
        },1000);
    },[])
    return {data}
}
 
export default useData

修改后的代码

import React from 'react'
import useData from '../hooks/AppData'
const AppData = ()=>{
    const {data} = useData()
    return <div>
    count->{data.count}
    </div>
}
export default AppData; // 把 名字首字母改为大写即可