useEffect with style v1

[Mustafa88A]

No description provided.

[AlhassanAli01]

When you create a react hook, you have to name it correctly, with the use lower-cased.

Additionally, when creating a new hook please make sure you name it carefully.
useToggle is not really a fitting name in this case, because we are not toggling anything.
Instead name it into something like useFetchData or useFetch.

[AlhassanAli01]

When you create a new state, make sure you follow the naming conventions.
the value and setter should be in camel case:

const [infor, setInfor] = useState([]);

[AlhassanAli01]

Inside the else clause, you should set isLoading to false, not doing so would make isLoading always true in case an error happens.

if (response.ok) {
        const data = await response.json();
        setInfor(data);
        setIsLoading(false);
      } else {
        console.log("error");
        setIsLoading(false);
      }

or

if (response.ok) {
        const data = await response.json();
        setInfor(data);
      } else {
        console.log("error");
     }
    setIsLoading(false);