Merge pull request #263 from binhpv/master

Add TypeScript configuration and update module imports for compatibility

Author: snelsi

package.json

@@ -13,6 +13,7 @@
     "url": "git+https://github.com/maslianok/react-resize-detector.git"
   },
   "scripts": {
+    "prebuild": "tsc",
     "build": "rollup -c",
     "prettier": "prettier --write .",
     "lint": "eslint . --fix",

src/index.ts

@@ -1,4 +1,4 @@
-import useResizeDetector from './useResizeDetector';
+import useResizeDetector from './useResizeDetector.js';
 
 export { useResizeDetector };
 export type {
@@ -9,4 +9,4 @@ export type {
   ResfreshModeType,
   ResfreshOptionsType,
   Dimensions,
-} from './types';
+} from './types.js';

src/useResizeDetector.ts

@@ -1,9 +1,9 @@
 import { useEffect, useState, useRef, useCallback } from 'react';
 import type { DebouncedFunc } from 'lodash';
 
-import { getDimensions, patchResizeCallback, useCallbackRef, useRefProxy } from './utils';
+import { getDimensions, patchResizeCallback, useCallbackRef, useRefProxy } from './utils.js';
 
-import type { Dimensions, UseResizeDetectorReturn, useResizeDetectorProps } from './types';
+import type { Dimensions, UseResizeDetectorReturn, useResizeDetectorProps } from './types.js';
 
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 function useResizeDetector<T extends HTMLElement = any>({

src/utils.ts

@@ -3,7 +3,7 @@ import debounce from 'lodash/debounce.js';
 import throttle from 'lodash/throttle.js';
 import type { DebouncedFunc } from 'lodash';
 
-import { OnRefChangeType, Props } from './types';
+import { OnRefChangeType, Props } from './types.js';
 
 export type PatchedResizeObserverCallback = DebouncedFunc<ResizeObserverCallback> | ResizeObserverCallback;
 

tsconfig.json

@@ -3,18 +3,20 @@
     "rootDir": "src",
     "declaration": true,
     "declarationDir": "build",
-    "module": "esnext",
+    "module": "NodeNext",
     "target": "es6",
     "lib": ["es6", "dom", "es2016", "es2017"],
     "sourceMap": true,
     "strict": true,
     "jsx": "react",
-    "moduleResolution": "node",
+    "moduleResolution": "nodenext",
     "allowSyntheticDefaultImports": true,
     "esModuleInterop": true,
     "noImplicitAny": false,
     "skipLibCheck": true,
-    "inlineSources": true
+    "inlineSources": true,
+    "noEmitOnError": true,
+    "noEmit": true
   },
   "include": ["src/**/*"],
   "exclude": ["node_modules", "build", "src/**/*.test.tsx"]