Hi all, I'm new to Django components, and I am having some issues with loading that I can't explain. I hope you can help to pinpoint the problem.

Component setup

I've set up django-components and created a simple component to render some text

# sample.py
from django_components import Component, register

@register("sample")
class Sample(Component):
    template_file = "sample.html"

    def get_context_data(self, text: str) -> dict[str, str]:
        return {"text": text}

and sample.html:

<span>{{ text }}</span>

When using it in my template:

{% extends "base.html" %}
{% load component_tags %}

{% block body %}
    {% component "sample" "Hello world" / %}

    {% comment %}
        {% component "sample" "sample component" / %}
    {% endcomment %}
{% endblock body %}

It all works fine.

The problem

As soon as I uncomment the 2nd sample component:

• Both components actually load
• The browser tab gets into "infinite loading" mode. The spinny icon in the tab starts spinning indefinitely
• There is nothing in the logs in the backend or console
• The network tab in the browser doesn't show anything being continuously loaded
• It is the same behaviour in at least in two browsers (Chrome and Edge)
• It is the same behaviour even if I define and register a new component and then use two separate components on the page.

Any idea what is going on here?
I am using:

• django_components==0.139.1
• python==3.13.2
• django==5.2

Thanks