(React) checkbox group and checkbox do not render

[stellarhoof]

Expected behavior

Checkbox group and checkbox renders

Actual Behavior

I don't know what the problem is but the checkboxes just don't render.

https://codesandbox.io/p/sandbox/wc-lion-checkbox-gt6cpv

Additional context

@lion/ui/checkbox-group.js, version 0.5.2

[ryubro]

Hi,

It seems the problem is that the custom elements are not registered by importing just the components from @lion/ui/checkbox-group.js. After registering each components it works: https://codesandbox.io/p/sandbox/wc-lion-checkbox-forked-rklwv6

Another way to do would be something like:

import "@lion/ui/define/lion-checkbox";

export const Checkbox = createComponent({
  tagName: "lion-checkbox",
  elementClass: customElements.get("lion-checkbox"),
  react: React,
});

Or make @lion/ui/define/lion-checkbox export the custom element class as well so that we can import like:

import { LionCheckbox } from "@lion/ui/define/lion-checkbox"; // by importing this module, the custom element is registered