Button can't be rendered as it's return type is ReactNode.

[DavideFrancescon]

• I have searched the Issues to see if this bug has already been reported
• I have tested the latest version

Steps to reproduce

1. Create a CRA,
2. Install flowbite react
3. Add a button to a page

Current behavior

TS2786: 'Button' cannot be used as a JSX component.
  Its return type 'ReactNode' is not a valid JSX element.
    Type 'undefined' is not assignable to type 'Element | null'.

Expected behavior

To normally render a Button

Workaround

CTRL/CMD+click on Button component will bring you to the .d file, there change the last NodeElement into JSX.Element. After this restart the server

I might fix this bug myself when i have 10 free minutes if noone picks this up before me

[PadowYT2]

What React version are you using?

[DavideFrancescon]

What React version are you using?

"react": "^18.2.0"

I think the issue is caused by this, but the fix is really fast, just need to change the component return type to JSX.Element

[PadowYT2]

What React version are you using?

"react": "^18.2.0"

I think the issue is caused by this, but the fix is really fast, just need to change the component return type to JSX.Element

Well if you can change it within your project and it works, go for it, but what about @types/react?

[congon4tor]

I'm facing this issue too.

'Button' cannot be used as a JSX component.
Its return type 'ReactNode' is not a valid JSX element.

This started happening when I updated to version 0.6.0

[mrjohnr]

Hi
I've created today a typescript+react template
npx create-react-app my-app --template typescript

then followed steps from there https://www.flowbite-react.com/docs/getting-started/introduction I've installed latest version of flowbite-react (0.7.3)

I've put a button on my app

import { Button } from 'flowbite-react';

export default function MyPage() {
  return (
    <div>
      <Button>Click me</Button>
    </div>
  );
}

and got

TS2786: 'Button' cannot be used as a JSX component.
  Its return type 'ReactNode' is not a valid JSX element.
    Type 'undefined' is not assignable to type 'Element | null'.

thanks for any help

[SutuSebastian]

Looking into it, will push and release a fix ASAP.

[rnicholus]

Note that this also affects Dropdown.Item. Regression from #1244.

#1244 (comment)

[fbt0wizard]

JSX.Element

Yeah Dropdown.Item is broken as well in v0.7.3