Warning: Using UNSAFE_componentWillReceiveProps

Hello I have problem with this warning, couldn't find a solution in google. index.js:1 Warning: Using UNSAFE_componentWillReceiveProps in strict mode is not recommended and may indicate bugs in your code. See https://fb.me/react-unsafe-component-lifecycles for details. Move data fetching code or side effects to componentDidUpdate. If you're updating state whenever props change, refactor your code to use memoization techniques or move it to static getDerivedStateFromProps. Learn more at: https://fb.me/react-derived-state Please update the following components: FlipMove

Here is my code.

`const Chat = () => { const [messages, setMessages] = useState(messagesData);

const [errors, setErrors] = useState(null);

const [inputValue, setInputValue] = useState('');

const handleChange = (event) => { setInputValue(event.target.value); };

const messagesEndRef = useRef(null);

const scrollToBottom = () => { messagesEndRef.current.scrollIntoView({ behavior: 'auto', block: 'end', inline: 'end', }); };

const sendMessage = (event) => { event.preventDefault();

if (inputValue !== '') {
  setMessages([
    ...messages,
    {
      id: uuid(),
      user_id: 1,
      client: true,
      patreon: false,
      message: inputValue,
    },
  ]);

  setInputValue('');
  setErrors(null);
  scrollToBottom();
} else {
  setErrors([{ message: 'Cannot be empty' }]);
}

};

useEffect(() => { scrollToBottom(); }, [messages]);

return (

{messages.map((message) => { return (

{message.patreon && ( )} {message.message} {message.client && ( )}

); })}

<Button
            type="submit"
            variant="primary"
            text="Wyślij"
            onClick={sendMessage}
          />
        </form>
      </InputWrapper>
    </ChatWrapper>
<p>);
};</p>
<p>export default Chat;
`</p>            </div>
        </div>
    
            <div class="comment">
            <div class="user">
                <a rel="noreferrer nofollow" target="_blank" href="https://github.com/crebro"><img src="https://avatars.githubusercontent.com/u/56332001?v=4" />crebro</a>
                commented
                <strong> 2 years ago</strong>            </div>
            <div class="markdown-body">
                <p>guys, why was this closed, I can't seem to find a solution to this problem</p>            </div>
        </div>
    
    <div class="page-bar-simple">
            </div>

<div class="footer">
        <ul class="body">
            <li>© <script>
                    document.write(new Date().getFullYear())
                </script> Githubissues.</li>
            <li>Githubissues is a development platform for aggregating issues.</li>
        </ul>
    </div>

</html>

joshwcomeau / react-flip-move

Warning: Using UNSAFE_componentWillReceiveProps #253