Django HTMX CSRF setup

_base.html

<script src="{% static 'app.js' %}" data-csrftoken="{{ csrf_token }}"></script>

app.js

const csrfToken = document.currentScript.dataset.csrftoken;

htmx.on('htmx:configRequest', (event) => {
  if (csrfToken) {
    evt.detail.headers['x-csrftoken'] = csrfToken;
  }
});