Button's theme={} not applying

[Ncookiez]

Describe the bug
Passing a theme={} to a Button does nothing.

To Reproduce
Steps to reproduce the behavior:

1. Import Button from package
2. Pass it a custom theme through theme={}
3. See no changes

Expected behavior
The custom theme should be applied to the Button.

Project information:

• Flowbite React: 0.4.2

Additional context
Posting this here to not lose track of it - this was discussed in the Discord last week but I didn't have time to implement it. Will probably get a PR up this week, but if anyone else wants to take this, be my guest.

On Discord, from @rluders :

const theme = mergeDeep(useTheme().theme.button, customTheme);
const groupTheme = mergeDeep(useTheme().theme.buttonGroup, customTheme.inner ?? {});

Splitting the existing useTheme() here to something like the above should do the trick. Needs testing.

[SoulThread2597]

Seems to be an issue to all compoents when they are applied with an individual theme

[Ncookiez]

Seems to be an issue to all compoents when they are applied with an individual theme

Most likely not - Only confirmed with Button so far, although some other components are finicky with their children components (you can send root themes to the parent, but it doesn't correctly pass themes to children, etc.).

Am using custom individual themes just fine on my app with the Card, Dropdown, Footer, Modal and Navbar components.

[rluders]

I'm wondering if someone is interested in creating a PR for this one. I'll be happy to review it this week, or ASAP. Also, I'm curious if this issue is happening in any other components.

[Ncookiez]

Fixed in #746