Gautam-Arora24 · nikhilmaske-2001 · Sep 28, 2021
diff --git a/example/package-lock.json b/example/package-lock.json
diff --git a/example/package.json b/example/package.json
@@ -19,6 +19,7 @@
   },
   "devDependencies": {
     "@babel/plugin-syntax-object-rest-spread": "^7.8.3",
+    "@types/react-dom": "^17.0.9",
     "gh-pages": "^3.2.3"
   },
   "eslintConfig": {

diff --git a/example/src/App.js → example/src/App.tsx b/example/src/App.js → example/src/App.tsx
diff --git a/example/src/Observer.js → example/src/Observer.tsx b/example/src/Observer.js → example/src/Observer.tsx
@@ -1,5 +1,5 @@
 import React from 'react'
-import useResizeObserver from 'resize-observer-hook'
+import useResizeObserver from 'resize-observer-hook';
 import './styles.css'
 
 const Observer = () => {

diff --git a/example/src/index.js → example/src/index.tsx b/example/src/index.js → example/src/index.tsx
@@ -1,7 +1,7 @@
 import './index.css'
 
-import React from 'react'
-import ReactDOM from 'react-dom'
+import React from 'react';
+import ReactDOM from 'react-dom';
 import App from './App'
 
 ReactDOM.render(<App />, document.getElementById('root'))
diff --git a/example/src/react-app-env.d.ts b/example/src/react-app-env.d.ts
@@ -0,0 +1,2 @@
+/// <reference types="react-scripts" />
+declare module 'resize-observer-hook';
diff --git a/example/tsconfig.json b/example/tsconfig.json
@@ -0,0 +1,25 @@
+{
+  "compilerOptions": {
+    "target": "es5",
+    "lib": [
+      "dom",
+      "dom.iterable",
+      "esnext"
+    ],
+    "allowJs": true,
+    "skipLibCheck": true,
+    "esModuleInterop": true,
+    "allowSyntheticDefaultImports": true,
+    "strict": true,
+    "forceConsistentCasingInFileNames": true,
+    "module": "esnext",
+    "moduleResolution": "node",
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "noEmit": true,
+    "jsx": "react"
+  },
+  "include": [
+    "src"
+  ]
+}
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -27,7 +27,7 @@
     "react": "^16.0.0"
   },
   "devDependencies": {
-    "microbundle-crl": "^0.13.10",
+    "@types/react": "^17.0.24",
     "babel-eslint": "^10.0.3",
     "cross-env": "^7.0.2",
     "eslint": "^6.8.0",
@@ -41,6 +41,7 @@
     "eslint-plugin-react": "^7.17.0",
     "eslint-plugin-standard": "^4.0.1",
     "gh-pages": "^2.2.0",
+    "microbundle-crl": "^0.13.10",
     "npm-run-all": "^4.1.5",
     "prettier": "^2.0.4",
     "react": "^16.13.1",

diff --git a/src/index.js → src/index.tsx b/src/index.js → src/index.tsx
@@ -1,4 +1,4 @@
-import { useState, useEffect, useRef } from 'react'
+import { useState, useEffect, useRef } from 'react';
 
 const useResizeObserver = (option = 'contentRect') => {
   const ref = useRef(null)
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1,2 @@
		/// <reference types="react-scripts" />
		declare module 'resize-observer-hook';