Make isLoading true by default #13

Author: ilyalesik

README.md

@@ -6,7 +6,7 @@
 
 React hook for conveniently use Fetch API.
 
-* **Tiny** (396 B). Calculated by [size-limit](https://github.com/ai/size-limit)
+* **Tiny** (397 B). Calculated by [size-limit](https://github.com/ai/size-limit)
 * Both **Flow** and **TypeScript** types included
 
 ```javascript

package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-fetch-hook",
-  "version": "1.6.4",
+  "version": "1.7.0",
   "description": "React fetch hook",
   "scripts": {
     "flow": "flow",
@@ -31,7 +31,7 @@
       "ignore": [
         "react"
       ],
-      "limit": "396 B",
+      "limit": "397 B",
       "path": "index.js"
     },
     {

test/useFetch.test.js

@@ -26,6 +26,18 @@ describe("useFetch", () => {
         });
     });
 
+    it("isLoading by default", async () => {
+        fetch.mockResponse(JSON.stringify({ data: "12345" }));
+
+        const Component = () => {
+            const result = useFetch("https://google.com");
+            return <div>{result.isLoading && "test"}</div>;
+        };
+
+        const { container, rerender } = render(<Component />);
+        expect(container).toHaveTextContent("test");
+    });
+
     it("call with url and options", async () => {
         fetch.mockResponse(JSON.stringify({ data: "12345" }));
         const options = {

usePromise.js

@@ -7,14 +7,14 @@ function usePromise (
 ) {
   var inputs = Array.prototype.slice.call(arguments, [1])
   var state = React.useState({
-    isLoading: false
+    isLoading: !!callFunction
   })
 
   React.useEffect(function () {
     if (!callFunction) {
       return
     }
-    state[1]({ data: state[0].data, isLoading: true })
+    !state[0].isLoading && state[1]({ data: state[0].data, isLoading: true })
     callFunction.apply(null, inputs)
       .then(function (data) {
         state[1]({