title: Service ID invalid when trying to use EmailJS with React
body: <p>I created a form to contact me on my website, for that I use EmailJS.
  However when I try to send myself a mail through the contact form I got a 400 Error <code>The service ID is invalid</code>.
  I followed every steps of that tutorial as I haven't use EmailJS before <code>https://blog.mailtrap.io/react-send-email/</code></p>
  <p>Here is my Contact component</p>
  <pre><code>    class Contact extends React.Component {
      
        constructor(props) {
          super(props);
          this.state = { feedback: '', name: 'Name', email: 'email@example.com' };
          this.handleChange = this.handleChange.bind(this);
          this.handleSubmit = this.handleSubmit.bind(this);
          }
      
          render() {
            return (
              &lt;form className=&quot;test-mailing&quot;&gt;
                &lt;h1&gt;Let's see if it works&lt;/h1&gt;
                &lt;div&gt;
                  &lt;textarea
                    id=&quot;test-mailing&quot;
                    name=&quot;test-mailing&quot;
                onChange={this.handleChange}
                placeholder=&quot;Post some lorem ipsum here&quot;
                required
                value={this.state.feedback}
                style={{width: '100%', height: '150px'}}
              /&gt;
            &lt;/div&gt;
            &lt;input type=&quot;button&quot; value=&quot;Submit&quot; className=&quot;btn btn--submit&quot; onClick={this.handleSubmit} /&gt;
          &lt;/form&gt;
        )
        }
  
        handleChange(event) {
          this.setState({feedback: event.target.value})
        }
      
        handleSubmit() {
          const templateId = 'template_id';
  
            this.sendFeedback(templateId, {message_html: this.state.feedback, from_name: this.state.name, reply_to: this.state.email})
        }
  
        sendFeedback (templateId, variables) {
          window.emailjs.send(
            'gmail', templateId,
            variables
            ).then(res =&gt; {
              console.log('Email successfully sent!')
            })
            // Handle errors here however you like, or use a React error boundary
            .catch(err =&gt; console.error('Oh well, you failed. Here some thoughts on the error that occured:', err))
          }
  }
  </code></pre>
  <p>And here is what I added in my <code>index.html</code></p>
  <pre><code>`&lt;script type=&quot;text/javascript&quot;
          src=&quot;https://cdn.jsdelivr.net/npm/emailjs-com@2.3.2/dist/email.min.js&quot;&gt;&lt;/script&gt;
      &lt;script type=&quot;text/javascript&quot;&gt;
        (function(){
          emailjs.init(&quot;my_user_ID_here&quot;); // Obtain your user ID at the dashboard https://dashboard.emailjs.com/integration
        })();
  `
  </code></pre>