hhogg / preshape Goto Github PK

As the components import their CSS files right inside the component, it is incompatible with the latest Next.js version.

One possible solution is to remove the import statement from the component and instead create a new file to import it.

Example:

// Button/Button.tsx
... everything minus the import './Button.css`'

// Button/index.tsx
import ./Button.css
export ./Button.tsx

// index.ts
export { default as Button, ButtonProps } from './Button'

There's no way to add additional styles to a button by passing in style object as that prop is used for fill or outline. Please rename it to something else.

Example:

<Button style={{background: 'red'}}>

won't work