tsconfig.json

{
  "compilerOptions": {
    "target": "ESNext", /* Set the JavaScript language version for emitted JavaScript and include compatible library declarations. */
    "typeRoots": [
      "node_modules/@types",
      "src/types"
    ], /* Specify multiple folders that act like `./node_modules/@types`. */
    "esModuleInterop": true, /* Emit additional JavaScript to ease support for importing CommonJS modules. This enables `allowSyntheticDefaultImports` for type compatibility. */
    "forceConsistentCasingInFileNames": true, /* Ensure that casing is correct in imports. */
    /* Type Checking */
    "strict": true, /* Enable all strict type-checking options. */
    "skipLibCheck": true, /* Skip type checking all .d.ts files. */
    "jsx": "react-jsx",
    "module": "ESNext",
    "declaration": true,
    // "declarationDir": "types",
    "declarationDir": "./dist/esm/types",
    // "declarationDir": "./dist/esm/types",
    "sourceMap": true,
    // "outDir": "./dist/esm/out",
    "moduleResolution": "node",
    "allowSyntheticDefaultImports": true,
    "emitDeclarationOnly": true,
    "jsxImportSource": "@emotion/react",
    "paths": {
      "@/*": [
        "./*"
      ]
    },
  }
}