title: Integrating Accept.js with NextJs on TypeScript with 'npm react-authorize-net'
body: <p>Hi I'm currently having an issue with integrating Accept.js
  I'm using <a href="https://github.com/j-em/react-authorize-net#readme" rel="nofollow noreferrer">https://github.com/j-em/react-authorize-net#readme</a></p>
  <pre><code>  &lt;FormContainer
        apiLoginId={`${process.env.PAYMENT_API_LOGIN_ID}`}
        clientKey={`${process.env.PAYMENT_API_LOGIN_CLIENT_KEY}`}
        onSuccess={(arg: any) =&gt; console.log(arg)}
        onError={(arg: any) =&gt; console.log(arg)}
        amount={99}
        component={FormComponent}
        environment={'sandbox'}
      /&gt;
  </code></pre>
  <p>And I'm getting: SyntaxError: Cannot use import statement outside a module</p>
  <p><a href="https://i.stack.imgur.com/6iHrw.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/6iHrw.png" alt="enter image description here" /></a></p>
  <p>Thank you for helping</p>