I need to use generics in my react component, it seems like what I need can't be done with function ...

# react

[Christian H.]

I need to use generics in my react component, it seems like what I need can't be done with function components, so I want to use class components. What do I have to do to be able to describe the component inside a Component<P, S> render() function?
div { ... } returns Unit, but the function requires return type ReactNode?, so my IDE is confused

[Mike Dawson]

You can use generics with functional components:

<https://github.com/JetBrains/kotlin-wrappers/blob/c64e209ff5ffc35c2c1fa0d94a259b24ac848123/kotlin-react-select/src/main/kotlin/react/select/Select.ext.kt#L7>

[Mike Dawson]

I used that pattern to use generics for a select field component: https://github.com/UstadMobile/UstadMobile/blob/dev-mvvm-clazzvm/app-react/src/main/kotlin/com/ustadmobile/view/components/UstadSelectField.kt

[Mike Dawson]

I think Victor Turansky was the one who referred me to that...

[Christian H.]

Thank you @Mike Dawson, that helped a lot!