Type conditional Syntax between props

Hey folks,
is there any way to check if

IOperation['content']

IOperation['content']

IOperation['content']

IOperation['content'] is of type string since JSX.Element extends from

string

string

string

string too ? But like in a way that we know for sure that

IOperation['ctx']

IOperation['ctx']

IOperation['ctx']

IOperation['ctx'] will def be defined ?

export interface IOperation {
  content: JSX.Element
  ctx?: (value: number) => void
}

/// ...
// `operation.ctx` possibly null here 
if (tyepof operation.content !== 'number') return operation.ctx(operations.indexOf(operation))
// ...

export interface IOperation {
  content: JSX.Element
  ctx?: (value: number) => void
}

/// ...
// `operation.ctx` possibly null here 
if (tyepof operation.content !== 'number') return operation.ctx(operations.indexOf(operation))
// ...

export interface IOperation {
  content: JSX.Element
  ctx?: (value: number) => void
}

/// ...
// `operation.ctx` possibly null here 
if (tyepof operation.content !== 'number') return operation.ctx(operations.indexOf(operation))
// ...

export interface IOperation {
  content: JSX.Element
  ctx?: (value: number) => void
}

/// ...
// `operation.ctx` possibly null here 
if (tyepof operation.content !== 'number') return operation.ctx(operations.indexOf(operation))
// ...

I'm just asking a type conditional syntax here to make

IOperation['ctx']

IOperation['ctx']

IOperation['ctx']

IOperation['ctx'] not optional only if content is of type number

Type conditional Syntax between props

Similar Threads

Similar Threads

Similar Threads