Hi all - new to gluestack. I'm trying to render a checkbox per the docs but its only rendering the label?

import {
  Checkbox,
  CheckboxIndicator,
  CheckboxGroup,
  CheckboxIcon,
  CheckboxLabel,
} from "@/components/ui/checkbox";


          <Checkbox value="Eng">
            <CheckboxIndicator>
              <CheckboxIcon as={CheckIcon} />
            </CheckboxIndicator>
            <CheckboxLabel style={{ color: "black" }}>Framer</CheckboxLabel>
          </Checkbox>

Any ideas as to what is happening here?