⛑️

React Helmet

Posted on Sun, Jan 24, 2021

오랜만에 React Helmet을 쓰려고 세팅을 하는 와중에 문제가 아래와 같은 에러 문구가 출력되어 해결하기 위해 찾다보니 깃헙 이슈에 남겨진 원인과 해결 방법을 발견하였다.

Warning: Using UNSAFE_componentWillMount in strict mode is not recommended and may indicate bugs in your code. See https://reactjs.org/link/unsafe-component-lifecycles for details.

원인

React 16이상 버젼 이상부터 Context API에 더 엄격한 조건이 추가 되면서, 현재 개발된 React Helmet v6에서 경고 문구가 출력되고 있다. 현재 수리 중이며 7 버젼에 이 이슈가 해결될 예정이라고 한다.

We're looking into Context API to remove our dependency on react-side-effect. Targeting for v7.

임시방편

react-helmet-async라는 라이브러리를 통해 UNSAFE_componentWillMount 이슈를 임시로 해결할 수 있다. 우선은 이 방법을 쓰고 나중에 v7으로 업데이트 하면서 관련 디펜던시를 수정하도록 하자.

The Future of Meta Tag Management for Modern React Development

Introducing React-Helmet-Async, an open-sourced project supported by The New York Times