I’m publishing it successfully via Verdaccio. I can install it too. But when i use it Vite throws this error:

**Failed to resolve entry for package “@ims/component-library”. The package may have incorrect main/module/exports specified in its package.json.
**

Here is my package.json:

{
    "name": "@ims/component-library",
    "private": false,
    "version": "0.0.7",
    "files": [
        "dist"
    ],
    "type": "module",
    "main": "./dist/ims-component-library.umd.cjs",
    "module": "./dist/ims-component-library.js",
    "exports": {
        ".": {
            "import": "./dist/ims-compopnent-library.js",
            "require": "./dist/ims-compopnent-library.umd.cjs"
        }
    },
    "types": "./dist/ims-component-library.d.ts",
    "scripts": {
        "dev": "vite",
        "build": "tsc && vite build",
        "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
        "preview": "vite preview",
        "publish:verdaccio": "npm run build && npm publish --registry=http://localhost:4873/ && npm config delete registry",
        "storybook": "storybook dev -p 6006",
        "build-storybook": "storybook build"
    },
    "dependencies": {
        "@emotion/react": "^11.11.4",
        "@emotion/styled": "^11.11.5",
        "@fontsource/inter": "^5.0.18",
        "@fontsource/material-icons": "^5.0.18",
        "@mui/icons-material": "^5.15.15",
        "@mui/material": "^5.15.15",
        "react": "^18.2.0",
        "react-dom": "^18.2.0",
        "vite-plugin-dts": "^3.9.0",
        "vite-tsconfig-paths": "^4.3.2"
    },
    "devDependencies": {
        "@chromatic-com/storybook": "^1.3.3",
        "@storybook/addon-essentials": "^8.0.9",
        "@storybook/addon-interactions": "^8.0.9",
        "@storybook/addon-links": "^8.0.9",
        "@storybook/addon-onboarding": "^8.0.9",
        "@storybook/addon-themes": "^8.0.9",
        "@storybook/blocks": "^8.0.9",
        "@storybook/react": "^8.0.9",
        "@storybook/react-vite": "^8.0.9",
        "@storybook/test": "^8.0.9",
        "@types/react": "^18.2.66",
        "@types/react-dom": "^18.2.22",
        "@typescript-eslint/eslint-plugin": "^7.2.0",
        "@typescript-eslint/parser": "^7.2.0",
        "@vitejs/plugin-react": "^4.2.1",
        "eslint": "^8.57.0",
        "eslint-plugin-react-hooks": "^4.6.0",
        "eslint-plugin-react-refresh": "^0.4.6",
        "eslint-plugin-storybook": "^0.8.0",
        "rimraf": "^5.0.5",
        "storybook": "^8.0.9",
        "typescript": "^5.2.2",
        "vite": "^5.2.0"
    }
}

Here is my vite.config.mts file:

import { defineConfig } from "vite";
import react from "@vitejs/plugin-react";
import tsconfigPaths from "vite-tsconfig-paths";
import { resolve } from 'path'
import dts from "vite-plugin-dts"

export default defineConfig({
    plugins: [react(), tsconfigPaths(), dts({ rollupTypes: true })],
    build: {
        lib: {
            entry: resolve(__dirname, "lib/main.ts"),
            name: "ims-component-library",
            fileName: "ims-component-library"
        },
        rollupOptions: {
            external: ["react", "react-dom", "react/jsx-runtime"],
            output: {
                globals: {
                    react: "React",
                    "react-dom": "ReactDOM",
                    "react/jsx-runtime": "react/jsx-runtime"
                }
            }
        }
    }
})

Here is my tsconfig.json file:

{
  "compilerOptions": {
    "target": "ES2020",
    "useDefineForClassFields": true,
    "lib": ["ES2020", "DOM", "DOM.Iterable"],
    "module": "ESNext",
    "skipLibCheck": true,

    "paths": {
      "ims-component-library": ["./lib/main.ts"]
    },
    "forceConsistentCasingInFileNames": true,
    /* Bundler mode */
    "moduleResolution": "bundler",
    "allowImportingTsExtensions": true,
    "resolveJsonModule": true,
    "isolatedModules": true,
    "noEmit": true,
    "jsx": "react-jsx",

    /* Linting */
    "strict": true,
    "noUnusedLocals": true,
    "noUnusedParameters": true,
    "noFallthroughCasesInSwitch": true
  },
  "include": ["src", "lib"],
  "references": [{ "path": "./tsconfig.node.json" }]
}

I tried meddling with package.json, tsconfig.json and vite.config.mts files. But no result.