React components library requires a dependency to build

[davidpn11]

I have a very simple component library in a monorepo app, all based on React and TS.

It has the following structure:

When I try to build it using snowpack I get the following error:
No ESM dependencies found! At least one dependency must have an ESM "module" entry point. You can find modern, web-ready packages at https://www.skypack.dev

That is because I have no dependencies on my package. If I add an npm dependency and use it, it builds just fine.

Is there any way to config snowpack that would allow me to not use a dependency, keeping the package lean?

Snowpack config:

module.exports = {
  plugins: ['@snowpack/plugin-react-refresh', '@snowpack/plugin-typescript'],
  packageOptions: {
    external: ['react'],
  },
}

package.json:

{
  "name": "@snowpack101/ui-components",
  "version": "1.0.0",
  "main": "build/index.js",
  "license": "MIT",
  "private": true,
  "scripts": {
    "start": "snowpack dev",
    "build": "snowpack build"
  },
  "dependencies": {},
  "peerDependencies": {
    "react": "^17.0.1"
  },
  "devDependencies": {
    "@snowpack/plugin-react-refresh": "2.5.0",
    "@snowpack/plugin-typescript": "1.2.1",
    "@snowpack101/prettier-config": "^1.0.0",
    "@snowpack101/ts-config": "^1.0.0",
    "@types/react": "^17.0.0",
    "prettier": "2.2.1",
    "react": "^17.0.1",
    "snowpack": "^3.0.1",
    "typescript": "^4.1.3"
  }
}

Thanks in advance.

[jacty]

perhaps you need a html file to refer to the entry script file? that is how it works in dev mode.

[davidpn11]

Hey @jacty thanks for the answer.

I'm not trying to run a dev server out of it, just creating a build.
Having a public HTML file makes sense if it was an app, so I'm not sure. I will give it a try tho.