React Hook “useEffect“ is called in function “userManagement“ that is neither a React function

React Hook “useEffect” is called in function “userManagement” that is neither a React function component nor a custom React Hook function. React component names must start with an uppercase letter react-hooks/rules-of-hooks

import React, { useState } from 'react'
import useData from '../hooks/AppData'
export default function userManagement() {
  useEffect(() => { 
    // console.log("---");
  }, [])
}

错误的位置就是暴露的函数名是小写开头 userManagement 改成大写 UserManagement 就就可以解决这个问题

import React, { useState } from 'react'
import useData from '../hooks/AppData'
export default function UserManagement() {
  useEffect(() => { 
    // console.log("---");
  }, [])
}