[TypeScript] Type 'bigint' is not assignable to type 'ReactNode' 해결 방법

2023-08-20

---

사진: Unsplash 의 NEOM

---

1. 원인 

 

"Type 'bigint' is not assignable to type 'ReactNode'" 오류는 일반적으로 TypeScript와 React를 함께 사용할 때 발생하는 문제입니다. 이 오류는 ReactNode 타입과 bigint 타입 간의 호환성 문제를 나타내는데, ReactNode는 React 컴포넌트가 반환하는 모든 유형의 요소를 나타내는 데 사용되는 TypeScript 타입입니다. 해당 오류는 주로 JSX나 컴포넌트에서 bigint 타입의 값을 ReactNode로 사용하려고 했기 때문입니다.

---

2. 방법

 

아래의 두가지 방식으로 해결 할 수 있습니다.

 

const myBigInt: bigint = BigInt(1234567890);
// ...
<div>{myBigInt.toString()}</div>

---

const myBigInt: bigint = BigInt(1234567890);
// ...
<div>{String(myBigInt)}</div>

---

메인 이미지 출처 : 사진: Unsplash의NEOM