I have a react app , I packaged it using npm pack and I want to use it inside the main.ts in an electron app , I'm trying to import it like this import App from 'mypackage' but it keeps giving me this error

Error [ERR_REQUIRE_ESM]: require() of ES Module C:\node_modules\mypackage\src\index.js from C:\src\main\main.ts not supported. Instead change the require of index.js in C:\src\main\main.ts to a dynamic import() which is available in all CommonJS modules.

in my json file

{
  "name": "mypackage",
  "version": "0.1.0",
  "main":"src/index.js",
  "private": true,
  "dependencies": {
    "@blueprintjs/core": "^3.52.0",
    "@blueprintjs/popover2": "^0.12.9",
    "@rimbu/core": "^0.8.4",
    "@testing-library/jest-dom": "^5.11.4",
    "@testing-library/react": "^11.1.0",
    "@testing-library/user-event": "^12.1.10",
    "@types/jest": "^26.0.15",
    "@types/node": "^12.0.0",
    "@types/react": "^17.0.37",
    "@types/react-beautiful-dnd": "^13.1.2",
    "@types/react-dom": "^17.0.11",
    "react": "^17.0.2",
    "react-dom": "^17.0.2",
    "react-icons": "^4.3.1",
    "react-scripts": "4.0.3",
    "react-table": "^7.7.0",
    "typescript": "^4.1.2",
    "web-vitals": "^1.0.1"
  },
  "type" : "module",
  "scripts": {
    "start": "react-scripts start",
    "build": "react-scripts build",
    "test": "react-scripts test",
    "eject": "react-scripts eject"
  },
  "eslintConfig": {
    "extends": [
      "react-app",
      "react-app/jest"
    ]
  },
  "browserslist": {
    "production": [
      ">0.2%",
      "not dead",
      "not op_mini all"
    ],
    "development": [
      "last 1 chrome version",
      "last 1 firefox version",
      "last 1 safari version"
    ]
  },
  "devDependencies": {
    "@types/react-table": "^7.7.9",
    "sass": "^1.45.1"
  }
}