Uncaught TypeError: Cannot read properties of null (reading 'useContext')

 

import { useNavigate } from "react-router";
import styled from "styled-components";

const navigate = useNavigate();

const onClickInterview = () => {
  navigate("/detail");
};

export default function ListSection({ text }) {
  return (
    <ListSectionBox>
      <MenuTilte>{text}</MenuTilte>
      <MenuLink onClick={onClickInterview}>더보기</MenuLink>
      <MainPostSample>
        <PostList />
      </MainPostSample>
    </ListSectionBox>
  );
}

 

 

useNavigate를 사용했더니 위와같은 에러가 발생했다.

 

그리곤 깨달았다 왜 저러게 작성했는가...

 

선언문 밖에다가 선언을 해놓았다니ㅋㅋㅋ

다음에 이런에러가 발생하면 안되겠지만 발생하면 다시 내부에 잘 선언해주자 멍청아...