[BUG] Type definitions prevent children for MenuProvider

Trying out kmenu for a small personal project, awesome work!

Describe the bug Trying to run the example project, as well as import into my own, gives the following error:

Type '{ children: Element; }' has no properties in common with type 'IntrinsicAttributes & Pick<MenuContext, "config" | "dimensions">'.  TS2559

     8 | const App = () => {
     9 |   return (
  > 10 |     <MenuProvider>
       |      ^
    11 |       <main className={styles.main}>
    12 |         <h1 className={styles.title}>Hello, World!</h1>
    13 |         <p className={styles.description}>

Simple fix: Update type definition for MenuProvider in kmenu/dist/types.d.ts to:

export declare type MenuProviderProps = Pick<MenuContext, 'config' | 'dimensions'> & {children: JSX.Element};

To Reproduce Steps to reproduce the behavior:

1. Clone this repo.
2. cd example
3. yarn install && yarn start
4. Node version: 14.18.1, Typescript version 3.9.10

Out-of-context query

Is there a better way to style the menu other than using the random class names? Appreciate any help!

[hrishioa]

Sounds good - I’ll try upgrading.

[harshhhdev]

I’ve also just released v1-beta-git. You can read the release notes here.

Please do let me know if you’re still met with this issue.