format files

babel.config.js

@@ -1,6 +1,3 @@
 module.exports = {
-    presets: [
-      ['@babel/preset-env', {targets: {node: 'current'}}],
-      '@babel/preset-typescript'
-    ],
-};
+  presets: [['@babel/preset-env', {targets: {node: 'current'}}], '@babel/preset-typescript']
+};

hooks/useCommonContext/index.ts

@@ -1 +1 @@
-export * from './useCommonContext';
+export * from './useCommonContext';

hooks/useCommonContext/useCommonContext.ts

@@ -1,11 +1,14 @@
 export function useCommonContext<T>(...contextHooks: (() => T)[]): T {
-  const context = contextHooks.reduce((prev, useContext) => {
-    try {
-      return useContext();
-    } catch {
-      return prev;
-    }
-  }, undefined as T | undefined);
+  const context = contextHooks.reduce(
+    (prev, useContext) => {
+      try {
+        return useContext();
+      } catch {
+        return prev;
+      }
+    },
+    undefined as T | undefined
+  );
 
   if (!context) {
     throw new Error('contexts not available');

hooks/useFocus/index.ts

@@ -1 +1 @@
-export * from './useFocus';
+export * from './useFocus';

hooks/useLoadData/index.ts

@@ -1,2 +1,2 @@
-export * from './useLoadData'
-export * from './types';
+export * from './useLoadData';
+export * from './types';

hooks/useLoadData/useLoadData.test.ts

@@ -385,61 +385,61 @@ describe('useLoadData', () => {
   });
 
   it('should re-invoke fetchData when fetchWhenDepsChange with an initial promise with normal dep', async () => {
-      const {result} = renderHook(() => {
-        const [dep, setDep] = useState<any>('a');
-        const loadedData = useLoadData(getSuccess, [dep], {fetchWhenDepsChange: true});
-
-        return {loadedData, setDep};
-      });
-      expect(result.current.loadedData.isInProgress).toBe(true);
-
-      await waitFor(() => expect(result.current.loadedData.isInProgress).toBe(false));
-      expect(getSuccess).toHaveBeenCalledWith('a');
-      expect(getSuccess).toHaveBeenCalledTimes(1);
-
-      await act(() => result.current.setDep('b'));
-      await waitFor(() => expect(result.current.loadedData.isInProgress).toBe(false));
-      expect(getSuccess).toHaveBeenCalledTimes(2);
-
-      expect(getSuccess).toHaveBeenCalledWith('b');
+    const {result} = renderHook(() => {
+      const [dep, setDep] = useState<any>('a');
+      const loadedData = useLoadData(getSuccess, [dep], {fetchWhenDepsChange: true});
+
+      return {loadedData, setDep};
     });
-
-    it('should re-invoke fetchData when fetchWhenDepsChange with an initial promise with finished dependency', async () => {
-      const {result} = renderHook(() => {
-        const [dep, setDep] = useState<any>({...successfulResponse, result: 'a'});
-        const loadedData = useLoadData(getSuccess, [dep], {fetchWhenDepsChange: true});
-
-        return {loadedData, setDep};
-      });
-      expect(result.current.loadedData.isInProgress).toBe(true);
-
-      await waitFor(() => expect(result.current.loadedData.isInProgress).toBe(false));
-      expect(getSuccess).toHaveBeenCalledWith('a');
-      expect(getSuccess).toHaveBeenCalledTimes(1);
-
-      await act(() => result.current.setDep({...successfulResponse, result: 'b'}));
-      await waitFor(() => expect(result.current.loadedData.isInProgress).toBe(false));
-      expect(getSuccess).toHaveBeenCalledTimes(2);
-      expect(getSuccess).toHaveBeenCalledWith('b');
+    expect(result.current.loadedData.isInProgress).toBe(true);
+
+    await waitFor(() => expect(result.current.loadedData.isInProgress).toBe(false));
+    expect(getSuccess).toHaveBeenCalledWith('a');
+    expect(getSuccess).toHaveBeenCalledTimes(1);
+
+    await act(() => result.current.setDep('b'));
+    await waitFor(() => expect(result.current.loadedData.isInProgress).toBe(false));
+    expect(getSuccess).toHaveBeenCalledTimes(2);
+
+    expect(getSuccess).toHaveBeenCalledWith('b');
+  });
+
+  it('should re-invoke fetchData when fetchWhenDepsChange with an initial promise with finished dependency', async () => {
+    const {result} = renderHook(() => {
+      const [dep, setDep] = useState<any>({...successfulResponse, result: 'a'});
+      const loadedData = useLoadData(getSuccess, [dep], {fetchWhenDepsChange: true});
+
+      return {loadedData, setDep};
     });
-
-    it('should re-invoke fetchData when fetchWhenDepsChange with an initial promise with pending dependency', async () => {
-      const {result} = renderHook(() => {
-        const [dep, setDep] = useState<any>(pendingResponse);
-        const loadedData = useLoadData(getSuccess, [dep], {fetchWhenDepsChange: true});
-
-        return {loadedData, setDep};
-      });
-      expect(result.current.loadedData.isInProgress).toBe(true);
-      await act(() => result.current.setDep({...successfulResponse, result: 'a'}));
-
-      await waitFor(() => expect(result.current.loadedData.isInProgress).toBe(false));
-      expect(getSuccess).toHaveBeenCalledWith('a');
-      expect(getSuccess).toHaveBeenCalledTimes(1);
-
-      await act(() => result.current.setDep({...successfulResponse, result: 'b'}));
-      await waitFor(() => expect(result.current.loadedData.isInProgress).toBe(false));
-      expect(getSuccess).toHaveBeenCalledTimes(2);
-      expect(getSuccess).toHaveBeenCalledWith('b');
+    expect(result.current.loadedData.isInProgress).toBe(true);
+
+    await waitFor(() => expect(result.current.loadedData.isInProgress).toBe(false));
+    expect(getSuccess).toHaveBeenCalledWith('a');
+    expect(getSuccess).toHaveBeenCalledTimes(1);
+
+    await act(() => result.current.setDep({...successfulResponse, result: 'b'}));
+    await waitFor(() => expect(result.current.loadedData.isInProgress).toBe(false));
+    expect(getSuccess).toHaveBeenCalledTimes(2);
+    expect(getSuccess).toHaveBeenCalledWith('b');
+  });
+
+  it('should re-invoke fetchData when fetchWhenDepsChange with an initial promise with pending dependency', async () => {
+    const {result} = renderHook(() => {
+      const [dep, setDep] = useState<any>(pendingResponse);
+      const loadedData = useLoadData(getSuccess, [dep], {fetchWhenDepsChange: true});
+
+      return {loadedData, setDep};
     });
+    expect(result.current.loadedData.isInProgress).toBe(true);
+    await act(() => result.current.setDep({...successfulResponse, result: 'a'}));
+
+    await waitFor(() => expect(result.current.loadedData.isInProgress).toBe(false));
+    expect(getSuccess).toHaveBeenCalledWith('a');
+    expect(getSuccess).toHaveBeenCalledTimes(1);
+
+    await act(() => result.current.setDep({...successfulResponse, result: 'b'}));
+    await waitFor(() => expect(result.current.loadedData.isInProgress).toBe(false));
+    expect(getSuccess).toHaveBeenCalledTimes(2);
+    expect(getSuccess).toHaveBeenCalledWith('b');
+  });
 });

hooks/useOptionalDependency/index.ts

@@ -1 +1 @@
-export * from './useOptionalDependency';
+export * from './useOptionalDependency';

hooks/useRetry/index.ts

@@ -1 +1 @@
-export * from './useRetry';
+export * from './useRetry';

prettier.config.js

@@ -1,10 +1,9 @@
 module.exports = {
-    singleQuote: true,
-    printWidth: 120,
-    bracketSpacing: false,
-    arrowParens: 'always',
-    tabWidth: 2,
-    trailingComma: 'none',
-    endOfLine: 'auto'
+  singleQuote: true,
+  printWidth: 120,
+  bracketSpacing: false,
+  arrowParens: 'always',
+  tabWidth: 2,
+  trailingComma: 'none',
+  endOfLine: 'auto'
 };
-

test-setup.js

@@ -1,4 +1,4 @@
 const noop = () => {};
-if(typeof window !== 'undefined') {
-    Object.defineProperty(window, 'scrollTo', {value: noop, writable: true})
-}
+if (typeof window !== 'undefined') {
+  Object.defineProperty(window, 'scrollTo', {value: noop, writable: true});
+}

tsconfig.json

@@ -1,7 +1,7 @@
 {
   "compilerOptions": {
     "module": "Node16",
-    "moduleResolution":"Node16",
+    "moduleResolution": "Node16",
     "preserveSymlinks": true,
     "rootDir": ".",
     "outDir": "build/cjs",