ReactJS - «ReferenceError: сообщение не определено» при передаче параметра

Я пытаюсь передать параметр компоненту, но при этом получаю ошибку Uncaught (in promise) ReferenceError: post is not defined - это критическая строка:

<NewPost onAddPost = {(e) => this.addPost(post, e)}/>

Я тоже эту версию пробовал,

<NewPost onAddPost = {this.addPost(post)}/>

но с тем же сообщением об ошибке (но теперь вся страница не отображается вообще).

class App extends React.Component {
  constructor(props) {
    super(props);

    this.state = {
      posts: [],
      loading: true
    };
  }

    componentDidMount() {
        axios.get('/posts')
            .then(response => {
            this.setState({ posts: response.data, loading: false });
          });
    }

    addPost(post){
        console.info('in "addPost"');

        const oldPosts = this.state.posts;
        this.setState({posts: oldPosts.push(post)})
    }

  render() {
    return (
      <div>
        <NewPost onAddPost = {(e) => this.addPost(post, e)}/>
        <Posts posts = {this.state.posts} loading = {this.state.loading} />
      </div>
    )
  }
}

export default App




class NewPost extends React.Component {
    constructor(props) {
        super(props);
        this.state = { 
            namee: '',  
            description: '' 
        }

        this.handleChangeEventNamee = this.handleChangeEventNamee.bind(this);
        this.handleChangeEventDescr = this.handleChangeEventDescr.bind(this);
        this.handleSubmit = this.handleSubmit.bind(this);   
    }

    handleChangeEventNamee(event) {      
      this.setState({
        namee: event.target.value
      });
    }
    handleChangeEventDescr(event) {      
      this.setState({
        description: event.target.value
      });
    }

    handleSubmit(event) {
      event.preventDefault();

      const form_data = {
      namee: this.state.namee,
      description: this.state.description
    };

    axios.post('/posts/testtt', { form_data })
      .then(res => {
        this.props.onAddPost(res.data);                  
      })
    }

  render () {
    return (
      <div style = {{'marginBottom': '20px'}}>
        <form onSubmit = {this.handleSubmit}>
          <input name='namee' value = {this.state.namee} onChange = {this.handleChangeEventNamee}  />
          <input name='description' value = {this.state.description} onChange = {this.handleChangeEventDescr}  />
          <button onClick = {this.handleItem}>Submit</button>
        </form>
      </div>
    );
  } 
}
export default NewPost

Я пробовал разные варианты передачи туда параметра, разные способы вызова этой функции, но все равно возникает ошибка сообщение не определено. Что мне здесь еще не хватает?

Заранее спасибо.