Передача переменных env родительскому компоненту от дочернего компонента через props

Question

Я пытаюсь создать контактную форму, используя emailjs и mailgun, и я добавил свои учетные данные в файл .env и создал реквизиты в дочернем компоненте, где предполагается использовать переменные env.Однако в родительском компоненте я пытаюсь передать реквизиты из дочернего компонента с помощью.

Я попытался реализовать реквизиты в контактной форме

Contact.js Этологика нажатия кнопки

handleSubmit(event) {
    event.preventDefault();

        const {
        REACT_APP_EMAILJS_RECEIVER: receiverEmail,
        REACT_APP_EMAILJS_TEMPLATEID: template
        } = this.props.env

    this.sendFeedback(
      template,
      this.sender,
      receiverEmail,
      this.state.feedback
    );

    this.setState({
      formSubmitted: true
    });
  }

sendFeedback(templateId, senderEmail, receiverEmail, feedback) {
    window.emailjs
      .send('mailgun', templateId, {
        senderEmail,
        receiverEmail,
        feedback
      })
      .then(res => {
        this.setState({
          formEmailSent: true
        });
      })
      // Handle errors here however you like
      .catch(err => console.error('Failed to send feedback. Error: ', err));
  }

App.js

  <Route exact path= '/contact' render={(props) => <Contact env = {props} />} /> 

Маршрут, который я пытаюсь сделать реквизитом

Ожидаемый результат должен отображать реквизиты на родительский компонент.Я совершенно новичок в React и люблю простоту библиотеки.Краткое понимание этой концепции и решения ожидается.Спасибо!