tf-login-btn-react-example.js

bootstrap() {
  const script = document.createElement('script')

  script.src = 'https://public-assets.typeform.com/public/oauthbtn/btn.min.js'
  script.type = 'text/javascript'
  script.async = true
  // script.onload = () => this.setState({loading: false});

  const scriptConfig = {}
  scriptConfig['name'] = 'tf-login-button'
  scriptConfig['data-redirect_uri'] = 'https://www.tremendous.com/'
  scriptConfig['data-scope'] = 'accounts:read+forms:write+forms:read+responses:read+webhooks:read+webhooks:write'
  scriptConfig['data-state'] = ''
  scriptConfig['data-client_id'] = 'clientIDclientIDclientIDclientIDclientIDclientID'

  Object.keys(scriptConfig).forEach(key => script.setAttribute(key, scriptConfig[key]))

  document.body.appendChild(script)
}

render() {
  return (
    <div>
      <div className='py-5'>
        <p>
          To get started, we will need to first connect to your Typeform accounts
        </p>
        <div className='tf-login-button' />
      </div>
    </div>
  )
}