React: Create a Controlled Input. could somebody light my way? the input change the state value but the last test doesn't pass

JavaScript
1

Tell us what’s happening:

Your code so far


class ControlledInput extends React.Component {
constructor(props) {
  super(props);
  this.state = {
    input: ''
  };
  // change code below this line

  // change code above this line
}
// change code below this line

// change code above this line
render() {
  return (
    <div>
      { /* change code below this line */}
      <input value={this.state.value} onChange={
        ({target}) => this.setState({
          input: target.value.trim()
        })
      }/>
      { /* change code above this line */}
      <h4>Controlled Input:</h4>
      <p>{this.state.input}</p>
    </div>
  );
}
};

Your browser information:

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10.15; rv:73.0) Gecko/20100101 Firefox/73.0.

Challenge: Create a Controlled Input

Link to the challenge:
https://www.freecodecamp.org/learn/front-end-libraries/react/create-a-controlled-input

3

this test : “Typing in the input element should update the state and the value of the input, and the p element should render this state as you type.” doesn’t pass. i’ve been training by several ways but never pass.

the p value change in my window but not in the test