[BUG] - Can't pass custom variants props to styled component

[notmedia]

Describe the bug

import { styled } from '@nextui-org/react';
import React from 'react';

const StyledDiv = styled('div', {
  variants: {
    custom: {
      true: {},
      false: {},
    },
  },
});

interface CustomDivProps {
  custom?: boolean;
}

export const CustomDiv: React.FC<CustomDivProps> = ({ custom = false }) => (
  <StyledDiv custom={custom} /> // Getting TS error `No overload matches this call.`
);

If I use import { styled } from '@stitches/react' then it works and the StyledDiv has custom property

Your Example Website or App

No response

Steps to Reproduce the Bug or Issue

In desctipion

Expected behavior

I expect that styled from NextUI add custom variants props

Screenshots or Videos

No response

Operating System Version

macos

Browser

Chrome

[notmedia]

After research found the solution. The problem was with TS version, this problem occures on typescript 4.6.4. After downgrading to 4.5.5 it works fine.

So in the future this would be perfect if we support the latest ts

[notmedia]

Will be fixed in #434