Can not use sdk in the nextjs develop environment

[hoangquocvietuet]

package.json:

{
    "name": "next-app-template",
    "version": "0.0.1",
    "private": true,
    "scripts": {
        "dev": "next dev --turbo",
        "build": "next build",
        "start": "next start",
        "lint": "eslint . --ext .ts,.tsx -c .eslintrc.json --fix",
        "type-check": "tsc --noEmit"
    },
    "dependencies": {
        "@aptos-labs/ts-sdk": "^1.22.1",
        "@aptos-labs/wallet-adapter-react": "^3.5.0",
        "@irys/web-upload": "^0.0.4",
        "@irys/web-upload-aptos": "^0.0.4",
        "@keyv/redis": "^3.0.1",
        "@nextui-org/accordion": "^2.0.38",
        "@nextui-org/avatar": "^2.0.32",
        "@nextui-org/button": "2.0.37",
        "@nextui-org/chip": "^2.0.32",
        "@nextui-org/code": "2.0.32",
        "@nextui-org/divider": "^2.0.31",
        "@nextui-org/dropdown": "^2.1.29",
        "@nextui-org/image": "^2.0.31",
        "@nextui-org/input": "2.2.4",
        "@nextui-org/kbd": "2.0.33",
        "@nextui-org/link": "2.0.34",
        "@nextui-org/listbox": "2.1.25",
        "@nextui-org/modal": "^2.0.39",
        "@nextui-org/navbar": "2.0.36",
        "@nextui-org/pagination": "^2.0.35",
        "@nextui-org/skeleton": "^2.0.31",
        "@nextui-org/snippet": "2.0.41",
        "@nextui-org/spinner": "^2.0.33",
        "@nextui-org/switch": "2.0.33",
        "@nextui-org/system": "2.2.5",
        "@nextui-org/table": "^2.0.39",
        "@nextui-org/tabs": "^2.0.35",
        "@nextui-org/theme": "2.2.9",
        "@nextui-org/tooltip": "^2.0.39",
        "@react-aria/ssr": "3.9.4",
        "@react-aria/visually-hidden": "3.8.12",
        "@splinetool/react-spline": "^4.0.0",
        "@tanstack/react-query": "^5.40.1",
        "axios": "^1.7.7",
        "clsx": "2.1.1",
        "color-thief-react": "^2.1.0",
        "colorthief": "^2.4.0",
        "copy-to-clipboard": "^3.3.3",
        "crypto": "^1.0.1",
        "framer-motion": "~11.1.1",
        "hugeicons-react": "^0.3.0",
        "intl-messageformat": "^10.5.0",
        "js-yaml": "^4.1.0",
        "next": "14.2.4",
        "next-themes": "^0.2.1",
        "petra-plugin-wallet-adapter": "^0.4.4",
        "react": "18.3.1",
        "react-dom": "18.3.1",
        "react-hook-form": "^7.53.0",
        "react-icons": "^5.3.0",
        "react-pro-sidebar": "^1.1.0",
        "react-responsive": "^10.0.0",
        "react-simple-typewriter": "^5.0.1",
        "react-toastify": "^10.0.5",
        "resize-observer-polyfill": "^1.5.1",
        "webpack": "^5.93.0"
    },
    "devDependencies": {
        "@types/crypto-js": "^4.2.2",
        "@types/js-yaml": "^4.0.9",
        "@types/node": "20.5.7",
        "@types/react": "18.3.3",
        "@types/react-dom": "18.3.0",
        "@typescript-eslint/eslint-plugin": "7.2.0",
        "@typescript-eslint/parser": "7.2.0",
        "autoprefixer": "10.4.19",
        "crypto-browserify": "^3.12.0",
        "eslint": "^8.57.0",
        "eslint-config-next": "14.2.1",
        "eslint-config-prettier": "^8.2.0",
        "eslint-plugin-import": "^2.26.0",
        "eslint-plugin-jsx-a11y": "^6.4.1",
        "eslint-plugin-node": "^11.1.0",
        "eslint-plugin-prettier": "^5.1.3",
        "eslint-plugin-react": "^7.23.2",
        "eslint-plugin-react-hooks": "^4.6.0",
        "eslint-plugin-unused-imports": "^3.2.0",
        "os-browserify": "^0.3.0",
        "path-browserify": "^1.0.1",
        "postcss": "8.4.38",
        "stream-browserify": "^3.0.0",
        "tailwind-variants": "0.1.20",
        "tailwindcss": "3.4.3",
        "typescript": "5.0.4",
        "vite-plugin-node-polyfills": "^0.22.0"
    },
    "browser": {
        "crypto": false,
        "stream": false
    }
}

[JesseTheRobot]

Hey @hoangquocvietuet , thanks for the issue! I haven't seen this particular error before - can you post your bundler/webpack configuration? we have some docs on how to configure it to work that might be helpful: https://docs.irys.xyz/build/d/guides/irys-react

[JesseTheRobot]

Closing as stale