Can't import icons using solidjs start #17
Description
Hey! I'm having trouble importing the icons in my solidjs projects.
Steps to reproduce:
yarn create solid # then y to everything
yarn add @steeze-ui/heroicons
yarn add -D @steeze-ui/solid-iconThen import the icons as such in index.tsx
import { Icon } from "@steeze-ui/solid-icon";
import { Eye } from "@steeze-ui/heroicons";
import { Title } from "solid-start";
import Counter from "~/components/Counter";
export default function Home() {
return (
<main>
<Title>Hello World</Title>
<h1 class="text-3xl font-bold underline">Hello world!</h1>
<Counter />
<p>
Visit{" "}
<a href="https://start.solidjs.com" target="_blank">
start.solidjs.com
</a>{" "}
to learn how to build SolidStart apps.
</p>
<Icon src={Eye} theme="solid" class="color-gray-900" />
</main>
);
}And I receive this error when running yarn dev:
@steeze-ui/solid-icon doesn't appear to be written in CJS, but also doesn't appear to be a valid ES module (i.e. it doesn't have "type": "module" or an .mjs extension for the entry point). Please contact the package author to fix.
(node:2004606) Warning: To load an ES module, set "type": "module" in the package.json or use the .mjs extension.
I'd appreciate some help getting it to work though, thank you!