fix tests and ts errors

Author: ugogo

src/index.test.tsx

@@ -1,7 +1,7 @@
-import { ExampleComponent } from '.';
+import ReactInputVerificationCode from '.';
 
-describe('ExampleComponent', () => {
+describe('ReactInputVerificationCode', () => {
   it('is truthy', () => {
-    expect(ExampleComponent).toBeTruthy();
+    expect(ReactInputVerificationCode).toBeTruthy();
   });
 });

src/index.tsx

@@ -91,14 +91,15 @@ export default ({ length = 4, placeholder = '·' }) => {
 
   React.useEffect(() => {
     const onDocumentClick = (e: MouseEvent) => {
-      const targetIncludesContainer = e
-        .composedPath()
-        .reduce(
-          (bool: boolean, path: HTMLElement) =>
-            bool ||
-            path.dataset?.reactInputVerificationCodeId === CONTAINER_DATA_ID,
-          false
-        );
+      const targetIncludesContainer = e.composedPath().reduce(
+        (bool: boolean, path: EventTarget) =>
+          bool ||
+          // @to-do: find which type to use
+          // to make it compatible with dataset
+          // @ts-ignore
+          path.dataset.reactInputVerificationCodeId === CONTAINER_DATA_ID,
+        false
+      );
 
       if (!targetIncludesContainer) setActiveIndex(-1);
     };

src/react-app-env.d.ts

@@ -0,0 +1 @@
+/// <reference types="react-scripts" />

tsconfig.json

@@ -2,7 +2,10 @@
   "compilerOptions": {
     "outDir": "dist",
     "module": "esnext",
-    "lib": ["dom", "esnext"],
+    "lib": [
+      "dom",
+      "esnext"
+    ],
     "moduleResolution": "node",
     "jsx": "react",
     "sourceMap": true,
@@ -15,8 +18,22 @@
     "suppressImplicitAnyIndexErrors": true,
     "noUnusedLocals": true,
     "noUnusedParameters": true,
-    "allowSyntheticDefaultImports": true
+    "allowSyntheticDefaultImports": true,
+    "target": "es5",
+    "allowJs": true,
+    "skipLibCheck": true,
+    "strict": true,
+    "forceConsistentCasingInFileNames": true,
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "noEmit": true
   },
-  "include": ["src"],
-  "exclude": ["node_modules", "dist", "example"]
+  "include": [
+    "src"
+  ],
+  "exclude": [
+    "node_modules",
+    "dist",
+    "example"
+  ]
 }