I just started learning javascript and react-redux, and I'm using useEffect to call POST method. So, I am wondering how to make it not send request to my backend whenever I open or refresh website

my HTTP Post looks like:

export const sendItemData = (items) => {
  return async () => {
    const sendRequest = async () => {
      const response = await fetch("http://localhost:51044/api/Items", {
        method: "POST",
        body: JSON.stringify(items.Items),
        headers: {
          "Content-Type": "application/json",
          Accept: "application/json",
        },
        credentials: "same-origin",
      });

      if (!response.ok) {
        throw new Error("Sending data failed!");
      }
    };

    try {
      await sendRequest();
    } catch (error) {
      console.log(error);
    }
  };
};

and my App.js looks like:

import React from "react";
import { useEffect } from "react";
import { useDispatch, useSelector } from "react-redux";

import Items from "./components/Items ";
import { sendItemData } from "./store/items-actions";

function App() {
  const dispatch = useDispatch();
  const sendItems = useSelector((state) => state.items);

  useEffect(() => {
    dispatch(sendItemData(sendItems));
  }, [sendItems, dispatch]);

  return <Items />;
}

export default App;