The requested module 'usehooks-ts' is a CommonJS module, which may not support all module.exports as named exports.

[ShravanSunder]

Hi, i'm getting issues when i use a package that uses usehooks-ts as a dependency.

• eth-hooks is a esm module with type='module'
• i'm trying to build a next js app
• here is the branch if you need it: #90/next js scaffold-eth/scaffold-eth-typescript#91

I'm wondering if i need to have any settings? i thought usehooks-ts was a esm module now? @juliencrn

[ShravanSunder]

• maybe related to I need a "appropriate loader" #97

[juliencrn]

Hi @ShravanSunder, thanks for reporting issue

Yes, current usehooks-ts should be ESM (as well as in the eth-hooks package, it should work.
And yes, it's related with #97 which we are working on.

[pencilcheck]

Still getting this error at 2.9.1

My tsconfig.json

{
  "compilerOptions": {
    "strict": true,
    "module": "ES2020",
    "target": "ES2020",
    // Doesn't apply to server/, see ts-node config down below and server/tsconfig.json
    "moduleResolution": "Bundler",
    "lib": ["DOM", "DOM.Iterable", "ESNext"],
    "types": ["vite/client"],
    "jsx": "react-jsx",
    "skipLibCheck": true,
    "esModuleInterop": true
  },
  "ts-node": {
    "transpileOnly": true,
    "esm": true,
    "compilerOptions": {
      "module": "Node16",
      "moduleResolution": "Node16"
    }
  }
}