Reactjs 在react项目中设置状态超时

我有一个电子商务网站，正在获取后端并用商品价格填充状态

当我更改数据库中的价格时，如何强制刷新前端，或者甚至设置一个超时，使状态在大约1小时后强制重新加载？这里的最佳实践是什么

---

我不希望客户在前端和他/她收到的电子邮件中有不同的价格。

我有相同的api，它没有关于套接字的主题，因此我每5分钟调用一次api：

const [data, setData] = useState([]);

useEffect(() => {
   const getData = async () => {
     const response = await request.get(/* Related api */);

     if (response?.data?.length) {
        setData(response?.data);
      }
   };
   getData();
   const interval = setInterval(() => getData(), 300000);
   return () => {
     clearInterval(interval);
   };
}, []);

---

注意：我们使用APISOUT获取数据

我有相同的api，它没有关于套接字的主题，所以我每5分钟调用一次api：

const [data, setData] = useState([]);

useEffect(() => {
   const getData = async () => {
     const response = await request.get(/* Related api */);

     if (response?.data?.length) {
        setData(response?.data);
      }
   };
   getData();
   const interval = setInterval(() => getData(), 300000);
   return () => {
     clearInterval(interval);
   };
}, []);

注意：我们使用APISOUT获取数据