React Router v4 Redirect not working as expected

Search and Results

**Search**

export default class Search extends Component{
  constructor(props){
    super(props);
    this.state = {
      searchValue: '',
      results:[]
    }
    this.handleKeyPress = this.handleKeyPress.bind(this);
  }

  handleKeyPress = (e) => {
    let searchValue = e.target.value;
    if (e.key === 'Enter'){
      axios
        .get(URL)
        .then((response) => {
          this.setState({results: response.data});
        });
      }
    };

  render(){
    return(
      <div>
        <input
          ref="search"
          type="text"
          placeholder="Search By Email"
          onKeyPress={this.handleKeyPress.bind(this)}
        />
        {this.state.results.length > 0 &&
          <Redirect to={{
            pathname: '/results',
            state: { results: this.state.results }
          }} />
        }
      </div>
    );
  }
}

**Results**

export default class Results extends Component{
  constructor(props){
    super(props);
    this.state = {
      results:[]
    }
  }

  render(){
    console.log('SEARCH RESULTS PROPS', this.props.location.state.results);
    return(
      <div>
        <h1>Search Results</h1>
        <h3>{this.props.location.state.results[0].last_name}</h3>
      </div>
    );
  }
}