added like that continue even with reload but buggy

react-project/src/components/Carte.jsx

@@ -3,7 +3,12 @@ import Badge from "./Badge";
 import { useState } from "react";
 
 function Carte(props) {
-  const [likes, setLikes] = useState(0);
+  const [likes, setLikes] = useState(
+    () => Number(localStorage.getItem("likes-" + props.id)) || 0,
+  );
+  useEffect(() => {
+    localStorage.setItem("likes-" + props.id, likes);
+  }, [likes]);
   useEffect(() => {}, [likes]);
 
   return (