Skip to content

[ENTERPRISE] Combobox sample code fails with ctx.store.setListId is not a function #6088

@deckerst

Description

@deckerst

Describe the issue

I wanted to test the enterprise combobox component (wrapping mantine). Starting with a basic blank project, I tried the sample code found in the Reflex documentation, but rendering it fails.

code
"""Welcome to Reflex! This file outlines the steps to create a basic app."""

import reflex as rx
import reflex_enterprise as rxe

from rxconfig import config


class State(rx.State):
    """The app state."""


def index() -> rx.Component:
    # Welcome Page (Index)
    return rx.container(
        rx.color_mode.button(position="top-right"),
        rx.vstack(
            rx.heading("Welcome to Reflex!", size="9"),
            rx.text(
                "Get started by editing ",
                rx.code(f"{config.app_name}/{config.app_name}.py"),
                size="5",
            ),
            rxe.mantine.combobox(
                rxe.mantine.combobox.target(
                    rx.input(type="button"),
                ),
                rxe.mantine.combobox.dropdown(
                    rxe.mantine.combobox.options(
                        rxe.mantine.combobox.option("Option 1"),
                        rxe.mantine.combobox.option("Option 2"),
                        rxe.mantine.combobox.option("Option 3"),
                    ),
                ),
                label="Combobox",
                placeholder="Select a value",
            ),
            rx.link(
                rx.button("Check out our docs!"),
                href="https://reflex.dev/docs/getting-started/introduction/",
                is_external=True,
            ),
            spacing="5",
            justify="center",
            min_height="85vh",
        ),
    )


app = rxe.App()
app.add_page(index)
error log
[Reflex Frontend Exception]
 TypeError: ctx.store.setListId is not a function
ComboboxOptions</<@http://localhost:3000/node_modules/.vite/deps/@mantine_core.js?v=d2646156:10345:13
react_stack_bottom_frame@http://localhost:3000/node_modules/.vite/deps/react-dom_client.js?v=d2646156:12907:13
runWithFiberInDEV@http://localhost:3000/node_modules/.vite/deps/react-dom_client.js?v=d2646156:854:123
commitHookEffectListMount@http://localhost:3000/node_modules/.vite/deps/react-dom_client.js?v=d2646156:6620:153
commitHookPassiveMountEffects@http://localhost:3000/node_modules/.vite/deps/react-dom_client.js?v=d2646156:6655:55
commitPassiveMountOnFiber@http://localhost:3000/node_modules/.vite/deps/react-dom_client.js?v=d2646156:7621:22
recursivelyTraversePassiveMountEffects@http://localhost:3000/node_modules/.vite/deps/react-dom_client.js?v=d2646156:7609:30
commitPassiveMountOnFiber@http://localhost:3000/node_modules/.vite/deps/react-dom_client.js?v=d2646156:7675:52
recursivelyTraversePassiveMountEffects@http://localhost:3000/node_modules/.vite/deps/react-dom_client.js?v=d2646156:7609:30
commitPassiveMountOnFiber@http://localhost:3000/node_modules/.vite/deps/react-dom_client.js?v=d2646156:7620:44
recursivelyTraversePassiveMountEffects@http://localhost:3000/node_modules/.vite/deps/react-dom_client.js?v=d2646156:7609:30
commitPassiveMountOnFiber@http://localhost:3000/node_modules/.vite/deps/react-dom_client.js?v=d2646156:7620:44
recursivelyTraversePassiveMountEffects@http://localhost:3000/node_modules/.vite/deps/react-dom_client.js?v=d2646156:7609:30
commitPassiveMountOnFiber@http://localhost:3000/node_modules/.vite/deps/react-dom_client.js?v=d2646156:7620:44
recursivelyTraversePassiveMountEffects@http://localhost:3000/node_modules/.vite/deps/react-dom_client.js?v=d2646156:7609:30
commitPassiveMountOnFiber@http://localhost:3000/node_modules/.vite/deps/react-dom_client.js?v=d2646156:7675:52
recursivelyTraversePassiveMountEffects@http://localhost:3000/node_modules/.vite/deps/react-dom_client.js?v=d2646156:7609:30
commitPassiveMountOnFiber@http://localhost:3000/node_modules/.vite/deps/react-dom_client.js?v=d2646156:7620:44
recursivelyTraversePassiveMountEffects@http://localhost:3000/node_modules/.vite/deps/react-dom_client.js?v=d2646156:7609:30
commitPassiveMountOnFiber@http://localhost:3000/node_modules/.vite/deps/react-dom_client.js?v=d2646156:7620:44
recursivelyTraversePassiveMountEffects@http://localhost:3000/node_modules/.vite/deps/react-dom_client.js?v=d2646156:7609:30
commitPassiveMountOnFiber@http://localhost:3000/node_modules/.vite/deps/react-dom_client.js?v=d2646156:7620:44
recursivelyTraversePassiveMountEffects@http://localhost:3000/node_modules/.vite/deps/react-dom_client.js?v=d2646156:7609:30
commitPassiveMountOnFiber@http://localhost:3000/node_modules/.vite/deps/react-dom_client.js?v=d2646156:7620:44
recursivelyTraversePassiveMountEffects@http://localhost:3000/node_modules/.vite/deps/react-dom_client.js?v=d2646156:7609:30
commitPassiveMountOnFiber@http://localhost:3000/node_modules/.vite/deps/react-dom_client.js?v=d2646156:7675:52
recursivelyTraversePassiveMountEffects@http://localhost:3000/node_modules/.vite/deps/react-dom_client.js?v=d2646156:7609:30
commitPassiveMountOnFiber@http://localhost:3000/node_modules/.vite/deps/react-dom_client.js?v=d2646156:7675:52
recursivelyTraversePassiveMountEffects@http://localhost:3000/node_modules/.vite/deps/react-dom_client.js?v=d2646156:7609:30
commitPassiveMountOnFiber@http://localhost:3000/node_modules/.vite/deps/react-dom_client.js?v=d2646156:7620:44
recursivelyTraversePassiveMountEffects@http://localhost:3000/node_modules/.vite/deps/react-dom_client.js?v=d2646156:7609:30
commitPassiveMountOnFiber@http://localhost:3000/node_modules/.vite/deps/react-dom_client.js?v=d2646156:7620:44
recursivelyTraversePassiveMountEffects@http://localhost:3000/node_modules/.vite/deps/react-dom_client.js?v=d2646156:7609:30
commitPassiveMountOnFiber@http://localhost:3000/node_modules/.vite/deps/react-dom_client.js?v=d2646156:7675:52
recursivelyTraversePassiveMountEffects@http://localhost:3000/node_modules/.vite/deps/react-dom_client.js?v=d2646156:7609:30
commitPassiveMountOnFiber@http://localhost:3000/node_modules/.vite/deps/react-dom_client.js?v=d2646156:7620:44
recursivelyTraversePassiveMountEffects@http://localhost:3000/node_modules/.vite/deps/react-dom_client.js?v=d2646156:7609:30
commitPassiveMountOnFiber@http://localhost:3000/node_modules/.vite/deps/react-dom_client.js?v=d2646156:7620:44
recursivelyTraversePassiveMountEffects@http://localhost:3000/node_modules/.vite/deps/react-dom_client.js?v=d2646156:7609:30
commitPassiveMountOnFiber@http://localhost:3000/node_modules/.vite/deps/react-dom_client.js?v=d2646156:7620:44
recursivelyTraversePassiveMountEffects@http://localhost:3000/node_modules/.vite/deps/react-dom_client.js?v=d2646156:7609:30
commitPassiveMountOnFiber@http://localhost:3000/node_modules/.vite/deps/react-dom_client.js?v=d2646156:7675:52
recursivelyTraversePassiveMountEffects@http://localhost:3000/node_modules/.vite/deps/react-dom_client.js?v=d2646156:7609:30
commitPassiveMountOnFiber@http://localhost:3000/node_modules/.vite/deps/react-dom_client.js?v=d2646156:7620:44
recursivelyTraversePassiveMountEffects@http://localhost:3000/node_modules/.vite/deps/react-dom_client.js?v=d2646156:7609:30
commitPassiveMountOnFiber@http://localhost:3000/node_modules/.vite/deps/react-dom_client.js?v=d2646156:7620:44
recursivelyTraversePassiveMountEffects@http://localhost:3000/node_modules/.vite/deps/react-dom_client.js?v=d2646156:7609:30
commitPassiveMountOnFiber@http://localhost:3000/node_modules/.vite/deps/react-dom_client.js?v=d2646156:7675:52
recursivelyTraversePassiveMountEffects@http://localhost:3000/node_modules/.vite/deps/react-dom_client.js?v=d2646156:7609:30
commitPassiveMountOnFiber@http://localhost:3000/node_modules/.vite/deps/react-dom_client.js?v=d2646156:7675:52
recursivelyTraversePassiveMountEffects@http://localhost:3000/node_modules/.vite/deps/react-dom_client.js?v=d2646156:7609:30
commitPassiveMountOnFiber@http://localhost:3000/node_modules/.vite/deps/react-dom_client.js?v=d2646156:7620:44
recursivelyTraversePassiveMountEffects@http://localhost:3000/node_modules/.vite/deps/react-dom_client.js?v=d2646156:7609:30
commitPassiveMountOnFiber@http://localhost:3000/node_modules/.vite/deps/react-dom_client.js?v=d2646156:7620:44
recursivelyTraversePassiveMountEffects@http://localhost:3000/node_modules/.vite/deps/react-dom_client.js?v=d2646156:7609:30
commitPassiveMountOnFiber@http://localhost:3000/node_modules/.vite/deps/react-dom_client.js?v=d2646156:7620:44
recursivelyTraversePassiveMountEffects@http://localhost:3000/node_modules/.vite/deps/react-dom_client.js?v=d2646156:7609:30
commitPassiveMountOnFiber@http://localhost:3000/node_modules/.vite/deps/react-dom_client.js?v=d2646156:7620:44
recursivelyTraversePassiveMountEffects@http://localhost:3000/node_modules/.vite/deps/react-dom_client.js?v=d2646156:7609:30
commitPassiveMountOnFiber@http://localhost:3000/node_modules/.vite/deps/react-dom_client.js?v=d2646156:7675:52
recursivelyTraversePassiveMountEffects@http://localhost:3000/node_modules/.vite/deps/react-dom_client.js?v=d2646156:7609:30
commitPassiveMountOnFiber@http://localhost:3000/node_modules/.vite/deps/react-dom_client.js?v=d2646156:7620:44
recursivelyTraversePassiveMountEffects@http://localhost:3000/node_modules/.vite/deps/react-dom_client.js?v=d2646156:7609:30
commitPassiveMountOnFiber@http://localhost:3000/node_modules/.vite/deps/react-dom_client.js?v=d2646156:7675:52
recursivelyTraversePassiveMountEffects@http://localhost:3000/node_modules/.vite/deps/react-dom_client.js?v=d2646156:7609:30
commitPassiveMountOnFiber@http://localhost:3000/node_modules/.vite/deps/react-dom_client.js?v=d2646156:7620:44
recursivelyTraversePassiveMountEffects@http://localhost:3000/node_modules/.vite/deps/react-dom_client.js?v=d2646156:7609:30
commitPassiveMountOnFiber@http://localhost:3000/node_modules/.vite/deps/react-dom_client.js?v=d2646156:7620:44
recursivelyTraversePassiveMountEffects@http://localhost:3000/node_modules/.vite/deps/react-dom_client.js?v=d2646156:7609:30
commitPassiveMountOnFiber@http://localhost:3000/node_modules/.vite/deps/react-dom_client.js?v=d2646156:7620:44
recursivelyTraversePassiveMountEffects@http://localhost:3000/node_modules/.vite/deps/react-dom_client.js?v=d2646156:7609:30
commitPassiveMountOnFiber@http://localhost:3000/node_modules/.vite/deps/react-dom_client.js?v=d2646156:7675:52
recursivelyTraversePassiveMountEffects@http://localhost:3000/node_modules/.vite/deps/react-dom_client.js?v=d2646156:7609:30
commitPassiveMountOnFiber@http://localhost:3000/node_modules/.vite/deps/react-dom_client.js?v=d2646156:7675:52
recursivelyTraversePassiveMountEffects@http://localhost:3000/node_modules/.vite/deps/react-dom_client.js?v=d2646156:7609:30
commitPassiveMountOnFiber@http://localhost:3000/node_modules/.vite/deps/react-dom_client.js?v=d2646156:7675:52
recursivelyTraversePassiveMountEffects@http://localhost:3000/node_modules/.vite/deps/react-dom_client.js?v=d2646156:7609:30
commitPassiveMountOnFiber@http://localhost:3000/node_modules/.vite/deps/react-dom_client.js?v=d2646156:7620:44
recursivelyTraversePassiveMountEffects@http://localhost:3000/node_modules/.vite/deps/react-dom_client.js?v=d2646156:7609:30
commitPassiveMountOnFiber@http://localhost:3000/node_modules/.vite/deps/react-dom_client.js?v=d2646156:7620:44
recursivelyTraversePassiveMountEffects@http://localhost:3000/node_modules/.vite/deps/react-dom_client.js?v=d2646156:7609:30
commitPassiveMountOnFiber@http://localhost:3000/node_modules/.vite/deps/react-dom_client.js?v=d2646156:7675:52
recursivelyTraversePassiveMountEffects@http://localhost:3000/node_modules/.vite/deps/react-dom_client.js?v=d2646156:7609:30
commitPassiveMountOnFiber@http://localhost:3000/node_modules/.vite/deps/react-dom_client.js?v=d2646156:7620:44
recursivelyTraversePassiveMountEffects@http://localhost:3000/node_modules/.vite/deps/react-dom_client.js?v=d2646156:7609:30
commitPassiveMountOnFiber@http://localhost:3000/node_modules/.vite/deps/react-dom_client.js?v=d2646156:7675:52
recursivelyTraversePassiveMountEffects@http://localhost:3000/node_modules/.vite/deps/react-dom_client.js?v=d2646156:7609:30
commitPassiveMountOnFiber@http://localhost:3000/node_modules/.vite/deps/react-dom_client.js?v=d2646156:7620:44
recursivelyTraversePassiveMountEffects@http://localhost:3000/node_modules/.vite/deps/react-dom_client.js?v=d2646156:7609:30
commitPassiveMountOnFiber@http://localhost:3000/node_modules/.vite/deps/react-dom_client.js?v=d2646156:7620:44
recursivelyTraversePassiveMountEffects@http://localhost:3000/node_modules/.vite/deps/react-dom_client.js?v=d2646156:7609:30
commitPassiveMountOnFiber@http://localhost:3000/node_modules/.vite/deps/react-dom_client.js?v=d2646156:7620:44
recursivelyTraversePassiveMountEffects@http://localhost:3000/node_modules/.vite/deps/react-dom_client.js?v=d2646156:7609:30
commitPassiveMountOnFiber@http://localhost:3000/node_modules/.vite/deps/react-dom_client.js?v=d2646156:7620:44
recursivelyTraversePassiveMountEffects@http://localhost:3000/node_modules/.vite/deps/react-dom_client.js?v=d2646156:7609:30
commitPassiveMountOnFiber@http://localhost:3000/node_modules/.vite/deps/react-dom_client.js?v=d2646156:7675:52
recursivelyTraversePassiveMountEffects@http://localhost:3000/node_modules/.vite/deps/react-dom_client.js?v=d2646156:7609:30
commitPassiveMountOnFiber@http://localhost:3000/node_modules/.vite/deps/react-dom_client.js?v=d2646156:7620:44
recursivelyTraversePassiveMountEffects@http://localhost:3000/node_modules/.vite/deps/react-dom_client.js?v=d2646156:7609:30
commitPassiveMountOnFiber@http://localhost:3000/node_modules/.vite/deps/react-dom_client.js?v=d2646156:7675:52
recursivelyTraversePassiveMountEffects@http://localhost:3000/node_modules/.vite/deps/react-dom_client.js?v=d2646156:7609:30
commitPassiveMountOnFiber@http://localhost:3000/node_modules/.vite/deps/react-dom_client.js?v=d2646156:7620:44
recursivelyTraversePassiveMountEffects@http://localhost:3000/node_modules/.vite/deps/react-dom_client.js?v=d2646156:7609:30
commitPassiveMountOnFiber@http://localhost:3000/node_modules/.vite/deps/react-dom_client.js?v=d2646156:7620:44
recursivelyTraversePassiveMountEffects@http://localhost:3000/node_modules/.vite/deps/react-dom_client.js?v=d2646156:7609:30
commitPassiveMountOnFiber@http://localhost:3000/node_modules/.vite/deps/react-dom_client.js?v=d2646156:7675:52
recursivelyTraversePassiveMountEffects@http://localhost:3000/node_modules/.vite/deps/react-dom_client.js?v=d2646156:7609:30
commitPassiveMountOnFiber@http://localhost:3000/node_modules/.vite/deps/react-dom_client.js?v=d2646156:7620:44
recursivelyTraversePassiveMountEffects@http://localhost:3000/node_modules/.vite/deps/react-dom_client.js?v=d2646156:7609:30
commitPassiveMountOnFiber@http://localhost:3000/node_modules/.vite/deps/react-dom_client.js?v=d2646156:7675:52
recursivelyTraversePassiveMountEffects@http://localhost:3000/node_modules/.vite/deps/react-dom_client.js?v=d2646156:7609:30
commitPassiveMountOnFiber@http://localhost:3000/node_modules/.vite/deps/react-dom_client.js?v=d2646156:7625:44
recursivelyTraversePassiveMountEffects@http://localhost:3000/node_modules/.vite/deps/react-dom_client.js?v=d2646156:7609:30
commitPassiveMountOnFiber@http://localhost:3000/node_modules/.vite/deps/react-dom_client.js?v=d2646156:7675:52
recursivelyTraversePassiveMountEffects@http://localhost:3000/node_modules/.vite/deps/react-dom_client.js?v=d2646156:7609:30
commitPassiveMountOnFiber@http://localhost:3000/node_modules/.vite/deps/react-dom_client.js?v=d2646156:7620:44
recursivelyTraversePassiveMountEffects@http://localhost:3000/node_modules/.vite/deps/react-dom_client.js?v=d2646156:7609:30
commitPassiveMountOnFiber@http://localhost:3000/node_modules/.vite/deps/react-dom_client.js?v=d2646156:7675:52
recursivelyTraversePassiveMountEffects@http://localhost:3000/node_modules/.vite/deps/react-dom_client.js?v=d2646156:7609:30
commitPassiveMountOnFiber@http://localhost:3000/node_modules/.vite/deps/react-dom_client.js?v=d2646156:7620:44
recursivelyTraversePassiveMountEffects@http://localhost:3000/node_modules/.vite/deps/react-dom_client.js?v=d2646156:7609:30
commitPassiveMountOnFiber@http://localhost:3000/node_modules/.vite/deps/react-dom_client.js?v=d2646156:7675:52
recursivelyTraversePassiveMountEffects@http://localhost:3000/node_modules/.vite/deps/react-dom_client.js?v=d2646156:7609:30
commitPassiveMountOnFiber@http://localhost:3000/node_modules/.vite/deps/react-dom_client.js?v=d2646156:7675:52
recursivelyTraversePassiveMountEffects@http://localhost:3000/node_modules/.vite/deps/react-dom_client.js?v=d2646156:7609:30
commitPassiveMountOnFiber@http://localhost:3000/node_modules/.vite/deps/react-dom_client.js?v=d2646156:7675:52
recursivelyTraversePassiveMountEffects@http://localhost:3000/node_modules/.vite/deps/react-dom_client.js?v=d2646156:7609:30
commitPassiveMountOnFiber@http://localhost:3000/node_modules/.vite/deps/react-dom_client.js?v=d2646156:7675:52

Expected behavior

Running components from documentation examples should work.

Steps to reproduce (if applicable)

  1. create a new blank project
  2. adapt the main/config files to use enterprise as described here
  3. add an enterprise mantine combobox as described here.

Environment

  • Reflex Version: 0.8.25
  • Reflex Enterprise Version: 0.4.2
  • Python Version: 3.14.2
  • OS: Windows 11 Pro 24H2
  • Browser: Firefox 147.0 (64-bit)

Metadata

Metadata

Assignees

No one assigned

    Labels

    reflex-enterpriseFor issues related to `reflex-enterprise`

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions