fix: 🔧 move from esm (mjs) to legacy js (#541)

package.json

@@ -6,11 +6,11 @@
   "license": "MIT",
   "repository": "https://github.com/hc-oss/react-multi-select-component",
   "main": "./dist/index.js",
-  "module": "./dist/index.mjs",
+  "module": "./dist/esm/index.js",
   "types": "./dist/index.d.ts",
   "scripts": {
-    "build": "tsup src/index.tsx --inject-style --minify --format esm,cjs --dts --external react",
-    "dev": "tsup src/index.tsx --inject-style --format esm,cjs --watch --dts --external react",
+    "build": "tsup src/index.tsx --inject-style --legacy-output --minify --format esm,cjs --dts --external react",
+    "dev": "tsup src/index.tsx --inject-style --legacy-output --format esm,cjs --watch --dts --external react",
     "lint": "eslint src --fix",
     "size": "size-limit",
     "storybook": "start-storybook -p 6006",
@@ -28,11 +28,11 @@
     "@storybook/addon-knobs": "^6.4.0",
     "@storybook/addon-links": "^6.4.14",
     "@storybook/react": "^6.4.14",
-    "@types/react": "^17.0.13",
-    "@types/react-dom": "^17.0.8",
-    "@typescript-eslint/eslint-plugin": "^5.10.0",
-    "@typescript-eslint/parser": "^5.10.0",
-    "eslint": "7.32.0",
+    "@types/react": "^17.0.38",
+    "@types/react-dom": "^17.0.11",
+    "@typescript-eslint/eslint-plugin": "^5.10.1",
+    "@typescript-eslint/parser": "^5.10.1",
+    "eslint": "8.7.0",
     "eslint-plugin-prettier": "^4.0.0",
     "eslint-plugin-react": "^7.28.0",
     "eslint-plugin-simple-import-sort": "^7.0.0",
@@ -43,8 +43,8 @@
     "react-dom": "^17.0.2",
     "size-limit": "^7.0.5",
     "storybook-addon-turbo-build": "^1.0.1",
-    "tsup": "^5.10.1",
-    "typescript": "^4.5.3"
+    "tsup": "^5.11.11",
+    "typescript": "^4.5.5"
   },
   "browserslist": [
     "defaults",

src/multi-select/index.tsx

@@ -1,6 +1,6 @@
 import "../style.css";
 
-import * as React from "react";
+import React from "react";
 
 import { MultiSelectProvider } from "../hooks/use-multi-select";
 import { ISelectProps } from "../lib/interfaces";