Blitz and Sprig playing nicely together

We have a form appearing in the footer of our site (so on every page). The site uses Blitz to cache the site and we are trialling sprig to load in the form component as well as handle the form responses.

The issue we are having is that the CSRF token that sprig is generating is being rejected.

For example, our page footer:

{{ sprig('/_components/newsletter/sign-up-mailchimp') }}
{{ sprig.script }}

Then our form code (stripped back/simplified):

<form sprig s-action="mud-module/default/mailchimp-subscribe" s-method="POST">
    {{ craft.blitz.getUri('/actions/snaptcha/field/get-field') }}
    <input type="text" name="email" required />
    <input type="submit" value="Submit" />
</form>

The error message is 400 Unable to verify your data submission implying an invalid CSRF token is being submitted.

[bencroker]

I’m not sure what your use-case is, but it should be noted that the format for this changed in version 1.0.0-beta.11 (https://github.com/putyourlightson/craft-sprig/blob/develop/CHANGELOG.md#100-beta11---2020-08-18).

{{ sprig('/_components/newsletter/sign-up-mailchimp', {}, {'s-trigger': 'load'}) }}

[bencroker]

This works in my local tests:

{{ sprig('_components/hello', {}, {'s-trigger': 'load'}) }}

{#--- _components/hello ---#}

{% if sprig.request %}
  Hello!
{% endif %}

Can you please double check that you are running 1.0.0-beta.13 which contains the following lines: https://github.com/putyourlightson/craft-sprig/blob/1.0.0-beta.13/src/services/ComponentsService.php#L171-L173