yarn add web3.storage, but module not found

[hauchu1998]

Hey

I'm trying to upload images to IPFS through web3.storage pkg on my NextJS app. I install it with yarn add web3.storage, and I'm pretty sure that it exist in the node_modules. But, when I import it, it still show Cannot find module 'web3.storage' or its corresponding type declarations.. Anyone know how to fix?

yarn: 1.22.19
node: 18.12.0
npm: 8.19.2
nextjs: v13

package.json

"dependencies": {
"@privy-io/wagmi-connector": "^0.1.4",
"@wagmi/chains": "^1.8.0",
"@web3modal/ethereum": "^2.7.1",
"@web3modal/react": "^2.7.1",
"@xmtp/content-type-reaction": "^1.1.1",
"@xmtp/content-type-read-receipt": "^1.1.2",
"@xmtp/content-type-remote-attachment": "^1.1.1",
"@xmtp/content-type-reply": "^1.1.2",
"@xmtp/react-components": "1.0.0-preview.0",
"@xmtp/react-sdk": "^1.3.7",
"@xmtp/xmtp-js": "^11.0.0",
"date-fns": "^2.30.0",
"interweave": "^13.1.0",
"interweave-autolink": "^5.1.0",
"interweave-emoji": "^7.0.0",
"minimist": "^1.2.5",
"next": "latest",
"react": "latest",
"react-blockies": "^1.4.1",
"react-dom": "latest",
"react-icons": "^4.11.0",
"react-media-recorder-2": "^1.6.23",
"react-timer-hook": "^3.0.7",
"react-virtuoso": "^4.6.0",
"viem": "^1.14.0",
"wagmi": "^1.4.2",
"web3.storage": "4.5.5",
"zustand": "^4.4.3"
},

[wslyvh]

Try changing moduleResolution in your tsconfig to 'node'

"compilerOptions": {
    "moduleResolution": "node",
  },

[shameelsadaka]

Same issue here. Why it is happening ? Anyway to solve it without changing moduleResolution config ?