Typescript errors after upgrading to 0.3.0

After upgrading from 0.2.0 to 0.3.0 I am seeing the following typescript errors.

Expression produces a union type that is too complex to represent on

    <Menu.Item>
      Test
    </Menu.Item>

And

    <Switch
      checked={true}
    >
      <span css={tw`sr-only`}>test</span>
      <span></span>
    </Switch>

Also seeing Binding element 'open' implicitly has an 'any' type. on the following

      <Menu>
        {({ open }) => <>{open}</>}
      </Menu>

I am currently using typescript 4.1.3

[anark]

I was still seeing this after upgrading to 0.3.1, however I have narrowed it down to a conflict with @emotion/styled.

I had the following lines in my tsconfig.json

    "jsx": "react-jsxdev",
    "jsxImportSource": "@emotion/react",

After removing the following which seems to no longer be needed for @emotion/react.

    "jsxImportSource": "@emotion/react",

The warning is gone.

[jabczyk]

I encountered the same issue with Dialog. Couldn’t remove the jsxImportSource line because it breaks the css prop, so I used @ts-expect-error as a workaround:

const Modal: React.FC = () => {
  return (
    // @ts-expect-error
    <Dialog />
  )
}