title: "Unrecognized feature: 'payment'.", source: https://js.stripe.com/v3/ (1)
body: <p>I am trying integrate stripe checkout in my Flutter app. I can't use the <code>flutter_stripe</code> because I am trying to setup a subscription. The checkout session id is being generated just fine on the server end. However on the client end I am getting this error:</p>
  <p><code>I/chromium(13817): [INFO:CONSOLE(1)] &quot;Unrecognized feature: 'payment'.&quot;, source: https://js.stripe.com/v3/ (1)</code></p>
  <p>I can't seem to find much related to this error. Even Stripe support is stumped. What am I doing wrong?</p>
  <h2>WebView Code</h2>
  <pre class="lang-dart prettyprint-override"><code>import 'package:flutter/cupertino.dart';
  import 'package:webview_flutter/webview_flutter.dart';
  
  class CheckoutPage extends StatefulWidget {
    const CheckoutPage({
      this.pubKey,
      this.checkoutSessionId,
      Key key,
    }) : super(key: key);
  
    final String pubKey;
    final String checkoutSessionId;
  
    @override
    _CheckoutPageState createState() =&gt; _CheckoutPageState();
  }
  
  class _CheckoutPageState extends State&lt;CheckoutPage&gt; {
    WebViewController _controller;
  
    void _stripeRedirect() async {
      final stripeJs = '''
      const stripe = Stripe(&quot;${widget.pubKey}&quot;);
  
      stripe.reditrectToCheckout({
        sessionId: &quot;${widget.checkoutSessionId}&quot;
      }).then(function (result) {
        if (result.error) {
          return result.error.message;
        }
  
        return &quot;Success&quot;;
      });
  
      }
      ''';
  
      final resolve = await _controller.evaluateJavascript(stripeJs);
  
      print(resolve);
    }
  
    @override
    Widget build(BuildContext context) {
      final String initialUrl = 'https://mywebsite.com/checkout/ ';
      return SafeArea(
        child: CupertinoPageScaffold(
          navigationBar: CupertinoNavigationBar(
            middle: const Text('checkout'),
          ),
          child: WebView(
            initialUrl: initialUrl,
            javascriptMode: JavascriptMode.unrestricted,
            onWebViewCreated: (controller) =&gt; _controller = controller,
            onPageFinished: (url) {
              if (url == initialUrl) {
                _stripeRedirect();
              }
            },
            navigationDelegate: (req) {
              if (req.url.contains('success')) {
                Navigator.pop(context, 'success');
              }
  
              if (req.url.contains('cancel')) {
                Navigator.pop(context, 'cancel');
              }
  
              return NavigationDecision.navigate;
            },
          ),
        ),
      );
    }
  }
  </code></pre>
  <h2>Landing Page</h2>
  <pre class="lang-html prettyprint-override"><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;script src=&quot;https://js.stripe.com/v3/&quot;&gt;&lt;/script&gt;
  
  &lt;head&gt;
      &lt;title&gt;Stripe checkout&lt;/title&gt;
  &lt;/head&gt;
  
  &lt;body&gt;
      &lt;p&gt;Loading, please wait...&lt;/p&gt;
  &lt;/body&gt;
  
  &lt;/html&gt;
  </code></pre>