title: Stripe Connect w/ React
body: <p>I'm trying to follow the Stripe docs for setting up Connect in my React application. </p>
  
  <p>I add my endpoint URI, and when the user finishes providing the necessary information, Stripe sends them back to my redirect_uri address and provides an authorization code.</p>
  
  <p>My url looks like this </p>
  
  <p><code>http://localhost:3000/upload?code={AUTHORIZATION_CODE}&amp;state=abcde12345</code></p>
  
  <p>I get to step 3 and am getting stuck. </p>
  
  <p><a href="https://i.stack.imgur.com/WfCZ8.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/WfCZ8.png" alt="enter image description here"></a></p>
  
  <p>In <code>componentDidMount</code> I'm trying the following</p>
  
  <pre><code>componentDidMount() {
      window
        .fetch("https://connect.stripe.com/oauth/token", {
          method: "post",
          headers: {
            Accept: "application/json",
          },
          body: JSON.stringify({
            code: this.props.query.code,
            grant_type: "authorization_code"
          })
        })
        .then(response =&gt; console.log(response));
    }
  </code></pre>
  
  <p>But am getting the following error</p>
  
  <p><a href="https://i.stack.imgur.com/sULur.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/sULur.png" alt="enter image description here"></a></p>
  
  <p>I'm in test mode so I'm not sure if there is something I'm not setting up correctly in the dashboard or what. </p>
  
  <p>This is what I'm seeing in the Connect dashboard settings</p>
  
  <p><a href="https://i.stack.imgur.com/ms2i1.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/ms2i1.png" alt="enter image description here"></a></p>
  
  <p>Do I need to submit an account application for this to work?</p>