test: adjust test project

Author: olavoparno

.eslintignore

@@ -0,0 +1 @@
+example/*/**

.eslintrc.js

@@ -22,11 +22,10 @@ module.exports = {
   settings: {
     'import/resolver': {
       node: {
-        extensions: ['.js', '.ts', '.tsx'],
+        extensions: ['.jsx', '.ts', '.tsx'],
       },
     },
   },
-  ignorePatterns: ["./example/*"],
   rules: {
     'react-hooks/rules-of-hooks': 'error',
     'react-hooks/exhaustive-deps': 'error',

example/package-lock.json

@@ -6,13 +6,13 @@
   "private": true,
   "dependencies": {
     "@material-ui/core": "^4.12.1",
-    "react": "17.0.2",
+    "react": "file:../node_modules/react",
     "react-dom": "^17.0.2",
-    "react-scripts": "^4.0.3",
+    "react-scripts": "file:../node_modules/react-scripts",
     "react-use-downloader": "file:.."
   },
   "scripts": {
-    "start": "SKIP_PREFLIGHT_CHECK=true react-scripts start",
+    "start": "react-scripts start",
     "build": "react-scripts build",
     "test": "react-scripts test --env=jsdom",
     "eject": "react-scripts eject"

example/package.json

@@ -1,4 +1,3 @@
-import React from 'react';
 import {
   Button,
   Card,

example/src/App.jsx

@@ -1,4 +1,3 @@
-import * as React from 'react';
 import ReactDOM from 'react-dom';
 
 import App from './App';

example/src/index.jsx

@@ -8,7 +8,7 @@ export const resolver =
     setPercentageCallback,
     setErrorCallback,
   }: IResolverProps) =>
-  (response: Response) => {
+  (response: Response): Response => {
     if (!response.ok) {
       throw Error(`${response.status} ${response.type} ${response.statusText}`);
     }
@@ -24,7 +24,7 @@ export const resolver =
       contentEncoding ? 'x-file-size' : 'content-length'
     );
 
-    const total = parseInt(contentLength || "0", 10);
+    const total = parseInt(contentLength || '0', 10);
 
     setSize(() => total);
 
@@ -69,7 +69,11 @@ export const resolver =
     return new Response(stream);
   };
 
-export const jsDownload = (data: Blob, filename: string, mime?: string) => {
+export const jsDownload = (
+  data: Blob,
+  filename: string,
+  mime?: string
+): boolean | NodeJS.Timeout => {
   const blobData = [data];
   const blob = new Blob(blobData, {
     type: mime || 'application/octet-stream',
@@ -110,23 +114,25 @@ export default function useDownloader(): IUseDownloader {
   const [error, setError] = useState<TError>(null);
   const [isInProgress, setIsInProgress] = useState(false);
 
-  const controllerRef = useRef<null | ReadableStreamController<Uint8Array>>(null);
+  const controllerRef = useRef<null | ReadableStreamController<Uint8Array>>(
+    null
+  );
 
   const setPercentageCallback = useCallback(({ loaded, total }) => {
     const pct = Math.round((loaded / total) * 100);
 
     setPercentage(() => pct);
   }, []);
 
-  const setErrorCallback = useCallback((error: Error) => {
+  const setErrorCallback = useCallback((err: Error) => {
     const errorMap = {
       "Failed to execute 'enqueue' on 'ReadableStreamDefaultController': Cannot enqueue a chunk into an errored readable stream":
         'Download canceled',
     };
     setError(() => {
-      const resolvedError = errorMap[error.message]
-        ? errorMap[error.message]
-        : error.message;
+      const resolvedError = errorMap[err.message]
+        ? errorMap[err.message]
+        : err.message;
 
       return { errorMessage: resolvedError };
     });