Cannot read properties of null (reading 'useRef'), (reading 'useContext')

김새싹·2025년 5월 14일

🐞버그 리포트🐞

목록 보기
10/12

리액트 라이브러리 설치 오류

-내용-

리액트 실습 중에 Router 사용중 오류가 발생하였다.

배운대로 빠짐없이 한것 같은데 정상동작을 하지 않았다.


-해결법-

첫째로 오류의 내용을 해석할때 useRef, useContext가 제대로 인식되지 않는 문제인 것같았다.

router를 사용하는데 왜 훅이 필요한지 몰랐지만, react 의 기본 훅이니까 필요한가 보다 하고 import를 해주었다.

import {useContext, useRef} from ‘react’

둘째로 블로그에 검색을 해보니, 라이브러리를 제대로 설치하지 않아서 생기는 문제라고 하였다.

처음에 사용하기 전에 명령어를 사용해서 설치한것이 확실히 기억나서 이건 아니겠지 생각했다.

그래도 혹시 몰라서 확인해 보니 package.json을 확인해보니 설치가 되어있지 않았다…

알고보니 내가 다른 프로젝트들을 한번에 모아놓고 사용을 하고 있었는데, 설치 할때 경로 설정을 잘못하여 다른 패키지에 설치한것이였다.

라이브러리를 다시 설치하니 정상 동작하였다.

react - router - dom

-알게된점-

라이브러리 설치할때 경로 제대로 보고 설치해야겠다….

0개의 댓글