[labs/react] Fix style attribute conflicts with the type definition of DOM and ReactModule

[indigostar-kr]

• Style that conflicts with children, ref, and key, which are reserved words in React, is omitted from the properties of the web component.
  Fixes [labs/react] createComponent React component style property typescript problem #3021

• Added a default value for the type because if no Events were dispatched I got the following error:

'{ children: string; "data-testid": string; appearance: any; }' 형식은 'Partial<EventProps<Events>>' 형식에 할당할 수 없습니다.
  'children' 속성이 인덱스 시그니처와 호환되지 않습니다.
    'string' 형식은 '(e: Event) => void' 형식에 할당할 수 없습니다.ts(2322)

[changeset-bot]

🦋 Changeset detected

Latest commit: e20b798

The changes in this PR will be included in the next version bump.

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

[justinfagnani]

Thanks @indigostar-kr !

We'll need some tests here that show we get a build error without the fix. Can you make a test that contains JSX with a style binding? We have one in the tests already with a cast to any, so hopefully that can be removed.

[justinfagnani]

Do we need to add className here too?

[indigostar-kr]

It seems that both class and className should be included.

[indigostar-kr]

Thanks @indigostar-kr !

We'll need some tests here that show we get a build error without the fix. Can you make a test that contains JSX with a style binding? We have one in the tests already with a cast to any, so hopefully that can be removed.

I'll check the test code and see if I can write it.

[taylor-vann]

This PR might be resolved with #3072

:) curious if that can be confirmed

[taylor-vann]

resolved with #3072

[taylor-vann]

oops thought this was an issue my bad, reopened

[taylor-vann]

closing as resolved by #3128 and #3163