React 小白学习过程中遇到技术问题

最近在学习 React ，还在 CRUD 阶段，目前遇到一个问题，没找到什么原因，还望大佬们指点一二

主要的问题就是我每次刷新页面，projects 和 users 接口都被调用了两次

嵌套结构是 <App> <ProjectListPage> </App>

以下是 ProjectListPage 组件的代码，只有这个组件有处理各种状态，其他两个组件 SeachPanel 、List 都没有状态的处理

import React, {useEffect, useState} from "react";
import {SeachPanel} from "./search-panel";
import {List} from "./list";
import {cleanObject, uesMount} from "../../utils";
import qs from "qs";

const apiUrl = 'http://localhost:3001'
export const ProjectListPage = () =>{
 
    const [param,setParam] = useState({
        name: '',
        personId: ''
    })

    const [list,setList] = useState([])

    // 当搜索内容改变的时候从新获取列表（默认会先执行一次）
    useEffect(()=>{
        fetch(`${apiUrl}/projects?${qs.stringify(cleanObject(param))}`).then(async (resp) => {
            if (resp.ok) {
                setList(await resp.json())
            }
        })
    },[])

    // option 用户状态
    const [users,setUsers] = useState([])
    useEffect(()=>{
        fetch(`${apiUrl}/users`).then(async (resp) => {
            if (resp.ok) {
                setUsers(await resp.json())
            }
        })
    },[])

    return <div>
        <SeachPanel users={users} param={param} setParam={setParam}/>
        <List users={users} list={list}/>
    </div>
}