move function inside effect

Author: rwieruch

src/useDataApiHook-example/index.js

@@ -7,22 +7,22 @@ const useDataApi = (initialUrl, initialData) => {
   const [isLoading, setIsLoading] = useState(false);
   const [isError, setIsError] = useState(false);
 
-  const fetchData = async () => {
-    setIsError(false);
-    setIsLoading(true);
+  useEffect(() => {
+    const fetchData = async () => {
+      setIsError(false);
+      setIsLoading(true);
 
-    try {
-      const result = await axios(url);
+      try {
+        const result = await axios(url);
 
-      setData(result.data);
-    } catch (error) {
-      setIsError(true);
-    }
+        setData(result.data);
+      } catch (error) {
+        setIsError(true);
+      }
 
-    setIsLoading(false);
-  };
+      setIsLoading(false);
+    };
 
-  useEffect(() => {
     fetchData();
   }, [url]);