There is typescript error in production build.

[upendradhamala]

🐛 bug report

I am facing a typescript error in production builld. There is no issue in development build.

🎛 Configuration (.babelrc, package.json, cli command)

My package.json is-
{ "name": "zebec-card-widget", "version": "0.1.0", "private": true, "source": "src/index.tsx", "dependencies": { "@brixtol/country-continent": "^1.0.0", "@headlessui/react": "^1.7.18", "@reduxjs/toolkit": "^2.2.1", "@solana/spl-token": "^0.3.9", "@solana/wallet-adapter-base": "^0.9.23", "@solana/wallet-adapter-react": "^0.15.35", "@solana/wallet-adapter-react-ui": "^0.9.34", "@solana/wallet-adapter-wallets": "^0.19.23", "@solana/web3.js": "^1.87.6", "@testing-library/jest-dom": "^5.17.0", "@testing-library/react": "^13.4.0", "@testing-library/user-event": "^13.5.0", "@types/jest": "^27.5.2", "@types/node": "^16.18.88", "@types/react": "^18.2.65", "@types/react-dom": "^18.2.21", "axios": "^1.6.7", "countries-and-timezones": "^3.6.0", "country-code-lookup": "^0.1.2", "js-cookie": "^3.0.5", "moment-timezone": "^0.5.45", "postcss": "^8.4.38", "react": "^18.2.0", "react-device-detect": "^2.2.3", "react-dom": "^18.2.0", "react-hook-form": "^7.51.0", "react-redux": "^8.1.3", "react-scripts": "5.0.1", "redux-thunk": "^2.4.1", "socket.io-client": "^4.7.5", "tailwind-merge": "^2.2.1", "tailwindcss": "^3.4.1", "typescript": "4.9.5", "web-vitals": "^2.1.4", "zebec-instant-card-sdk": "^1.0.6" }, "scripts": { "start": "parcel public/index.html --open", "build:parcel": "parcel build public/index.html --open", "test": "react-app-rewired test", "build": "webpack --mode production", "eject": "react-scripts eject", "build:widget": "parcel build src/index.tsx --no-source-maps && mkdir -p public/widget && cp -r dist public/widget/ && rm -rf dist" }, "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": { "@babel/core": "^7.24.3", "@babel/plugin-proposal-private-property-in-object": "^7.21.11", "@babel/preset-env": "^7.24.3", "@babel/preset-react": "^7.24.1", "@babel/preset-typescript": "^7.24.1", "@tailwindcss/forms": "^0.5.7", "@types/js-cookie": "^3.0.6", "assert": "^2.1.0", "babel-loader": "^9.1.3", "browserify-zlib": "^0.2.0", "buffer": "^6.0.3", "cross-env": "^7.0.3", "crypto-browserify": "^3.12.0", "dotenv-webpack": "^8.1.0", "https-browserify": "^1.0.0", "mini-css-extract-plugin": "^2.8.1", "os-browserify": "^0.3.0", "parcel": "^2.0.0-canary.1541", "parcel-bundler": "^1.12.5", "path-browserify": "^1.0.1", "process": "^0.11.10", "punycode": "^1.4.1", "react-app-rewired": "^2.2.1", "stream-browserify": "^3.0.0", "stream-http": "^3.2.0", "url": "^0.11.3", "util": "^0.12.5", "vm-browserify": "^1.1.2", "webpack-cli": "^5.1.4" } }

My tsconfig.json is-
{ "compilerOptions": { "target": "ESNext", "lib": ["dom", "dom.iterable", "esnext"], "allowJs": true, "skipLibCheck": true, "esModuleInterop": true, "allowSyntheticDefaultImports": true, "strict": true, "forceConsistentCasingInFileNames": true, "noFallthroughCasesInSwitch": true, "module": "esnext", "moduleResolution": "node", "resolveJsonModule": true, "isolatedModules": true, "noEmit": true, "jsx": "react-jsx" }, "include": ["src"] }

Here is the screenshot of the build index.js file-

Actually I am trying to make a production build and use the built react app in other project from the script tag.

💻 Code Sample

Here is the repo link-
https://github.com/upendradhamala/test-widget

🌍 Your Environment

Software	Version(s)
Parcel	^2.0.0-canary.1522
Node	16.20.2
npm/Yarn	8.19.4
Operating System	linux