Can't import icons using solidjs start

[joshpetit]

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-icon

Then 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!

[JustinVoitel]

Hey thanks for the report! It should be fixed with @steeze-ui/[email protected] .

[joshpetit]

Great thanks! One thing that popped up now is:

Could not find a declaration file for module '@steeze-ui/solid-icon'.

[JustinVoitel]

Unfortunately I cant reproduce this issue :/ Maybe cleaning your node_modules folder helps ?

[joshpetit]

Oh interesting, I tried going through the set up process I described earlier again and I still have the error. What version of node are you using? I'm using 19, and tried using 16 with nvm but that didn't seem to do anything.