search

cyntler / hamburger-react

Animated hamburger menu icons for React.js weighs only 1.5 KB.
https://hamburger-react.netlify.app
MIT License
950 stars 34 forks source link

Default import not working #67

Open im-calvin opened 6 months ago

im-calvin commented 6 months ago

Just had a really weird bug I want to document. I was using the import as expected:

import Hamburger from "hamburger-react";

and for some reason I was running into this issue, Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: object. which means that my import wasn't right.

Super weird since the default import is already specified and it works in development, but it fails when I run npm run build

If I change the import to import {Squash as Hamburger} from 'hamburger-react';, it works again.

cyntler commented 5 months ago

@im-calvin Can you provide more info about your dev environment? Do you use Next.js or any another framework/library? You Node.js version etc.

im-calvin commented 5 months ago

I'm using Astro and React with npm and node version 18.14.1

didnotwant commented 2 months ago

@im-calvin I also had a problem with the default-exported Hamburger, and importing the concrete kind of it (I used Squash) resolved it – now I can't reproduce it after a quick attempt to get back to the default import, but my problem was related to React, and I had a wrapper component for the Hamburger using the Astro-React integration

im-calvin commented 2 months ago

@didnotwant

I think then the problem might be to do with Astro/react and the way that it handles dependency bundles? I'm not 100% certain but it seems likely