[React, TypeScript] Object is possibly 'null'

문제

const candleSeriesApiRef = React.useRef<ISeriesApi<'Candlestick'> | null>(null);

...
...
...


candleSeriesApiRef.current.update(currentBar);
//'candleSeriesApiRef.current' is possibly 'null'.

해결방법

1. if문

if(candleSeriesApiRef.current){
	candleSeriesApiRef.current.update(currentBar);
}

• if문으로 null을 걸러냄
  
  

2. ! 사용(non-null assertion operator)

candleSeriesApiRef.current!.update(currentBar);

• typescript 내에서 ! 사용은 해당 value가 null 이나 undefined이 아니라는 확증

  참고 : Non-null Assertion Operator (!)