Create component through props in React

I have a component SomeComponent which takes a Component or IntrinsicElement through the component property and should construct that component. But this is giving type errors.

‘CounterContext’ only refers to a type, but is being used as a namespace here

I’m trying use the React Context API in TypeScript but I’m getting the following error:

Why doesn’t TypeScript recognize the if/else logic for a prop that is restricted to 3 strings?

I have React + TypeScript code like this:

What is the best practice in React and TypeScript for dynamic text content based on a prop that is type restricted to just 3 strings?

I have React and TypeScript code like this:

Type ‘Foo[] | undefined’ must have a ‘[Symbol.iterator]()’ method that returns an iterator

I have a type set to the following: