我这样做了，它的工作，但我填补这不是一个很好的方式编写代码，我需要使它更干净，我也使用了3个不同的国家，我也服务没有帮助，让我知道是任何更好的方式，使代码干净，我需要使它有用

const [pendingArtifactsCount, setPendingArtifactsCount] = useState([]);
  const [pendingDatasetCount, setPendingDatasetCount] = useState([]);
  const [pendingProjectCount, setPendingProjectCount] = useState([]);

  const updatePendingArtifactsCount = () => {
    fetchSentReceivedProject().then((res) => {
      const pendingData =
        res.data.received?.length >= 1 &&
        res.data.received?.filter(
          (data) => data?.receiver_status === 'PENDING'
        );
      setPendingProjectCount(pendingData);
    });
    fetchSentReceivedArtifacts((res) => {
      const pendingData =
        res.data.recieved?.length >= 1 &&
        res.data.recieved?.filter(
          (data) =>
            data?.recieverStatus === 'Pending' && data.ispresent === true
        );
      setPendingDatasetCount(pendingData);
    });
  };

  React.useEffect(() => {
    setPendingArtifactsCount([...pendingDatasetCount, ...pendingProjectCount]);
  }, [pendingDatasetCount, pendingProjectCount]);