Conditional React prop with optional Generic | TypeScript Community | Page 1

broken vineBOT Jan 11, 2023, 2:42 PM

#

costaNull#0127

Playground Link

Preview:```ts
import React from "react"

const TypographyDefaultMapping = {
h1: "h1",
h2: "h2",
h3: "h3",
"body-medium": "span",
label: "span",
} as const

export type TypographyVariants =
keyof typeof TypographyDefaultMapping

type Tags = keyof HTMLElementTagNameMap
...```

willow forge Jan 11, 2023, 2:43 PM

#

It should work as the image:

#

While the type-testing works, the react component does not

willow forge Jan 11, 2023, 6:00 PM

#

Stack Overflow

I am trying to implement a Typography component in React, and need to make it flexible enough, so it will as:

variant prop is mandatory

the as prop is optional
a. if as is a string, it will be a ...

#Conditional React prop with optional Generic