How to replace componentWillReceiveProps?

Question

React

I'm getting a warning in the browser console
Warning: componentWillReceiveProps has been renamed, and is not recommended for use.
Please explain how to fix it on getDerivedStateFromProps
If possible clearly, in other cases I think I'll figure it out myself! Thanks
My component

constructor(props) {
    super(props)
    this.state = {
      query: '',
      toggle: 'off'
    }
  }
  componentWillReceiveProps(nextProps) {
    if (!nextProps.location.pathname.includes('/search')) {
      this.setState({
        query: '',
        toggle: 'off'
      })
    }
  }

Answer 1

static getDerivedStateFromProps(nextProps){
   if(!nextProps.location.pathname.includes('/search')){
     return {
        query: '',
        toggle: 'off'
      };
  }
  else {
      return null;
  }
}