[에러해결] NotFoundError: Failed to execute 'removeChild' on 'Node': The node to be removed is not a child of this node.

 

✔️ 필요성

리액트로 개발하는데 이런 에러가 등장했다

 

✔️ 문제 확인

이것저것 찾아보니까 React.Fragment를 <div/>로 치환하라는 얘기가 나와서 React.Fragment가 뭘까 했는데 <></> 이걸 얘기하는거였다. 모든 코드의 <></>을 <div/>로 바꿔주니까 문제가 해결됐다!

 

 

 

✔️ 문제 해결

관련코드 첨부

type ObjType = {
  [index: number]: any;
  0: any;
  1: any;
  2: any;
};

const Example: NextPage = () => {
  const [tabIndex, setTabIndex] = useState<number>(0);

  const renderPage: ObjType = {
    0: (
      <div>
        <Page1 />
        <Page2 />
      </div>
    ),
    1: <Page3 />,
    2: <Page4 />,
  };

  return (
    <div>
      {renderPage[tabIndex]}
      <FloatingTab tabIndex={tabIndex} setTabIndex={setTabIndex} />
    </div>
  );
};

export default Example;