[React]Warning: Using UNSAFE_componentWillMount in strict mode...

프로젝트 제작 중에 react-helmet 을 사용했더니 이렇게 에러가 떴네요.

Warning: Using UNSAFE_componentWillMount in strict mode is not recommended and may indicate bugs in your code

그것도 아주 기분나쁘게 빨간색으로...

이리 저리 찾아보니 react-helmet-async 를 설치해주면 된다고 하네요.
바로 실행에 들어갔습니다.

yarn add react-helmet-async

일단은 설치를 해도 해결은 안됩니다. 맞게 설정해줘야죠.

import React from 'react';
import { Helmet, HelmetProvider } from 'react-helmet-async';

const Sample = () => {
  return (
    <HelmetProvider>
      <Helmet>
        <title>타이틀</title>
      </Helmet>
    </HelmetProvider>
  );
};

export default Sample;

기존의 react-helmet은 react-helmet-async로 변경하고 HelmetProvider까지 불러왔습니다. 그리고 Helmet 위를 또 Provider로 감쌌습니다.

다행히 이젠 에러 안나오네요.