fix: handle checkboxgroup children type

src/components/CheckboxGroup/index.jsx

@@ -16,6 +16,8 @@ const CheckboxGroup = ({ id, className, dts, children, value, name, inline, onCh
 
   const renderChildren = () =>
     React.Children.map(children, child => {
+      if (!child) return null;
+
       if (child.type === Checkbox) {
         const childProps = {
           ...child.props,
@@ -34,11 +36,11 @@ const CheckboxGroup = ({ id, className, dts, children, value, name, inline, onCh
     });
   const classNames = classnames(['checkbox-group-component', className]);
 
-  return (
+  return children ? (
     <div data-testid="checkbox-group-wrapper" id={id} className={classNames} {...expandDts(dts)}>
       {renderChildren()}
     </div>
-  );
+  ) : null;
 };
 
 CheckboxGroup.propTypes = {

src/components/CheckboxGroup/index.spec.jsx

@@ -1,8 +1,6 @@
 import React from 'react';
 import { render, cleanup, fireEvent } from '@testing-library/react';
-
 import Checkbox from '../Checkbox';
-
 import CheckboxGroup from '.';
 
 afterEach(cleanup);
@@ -60,4 +58,22 @@ describe('<CheckboxGroup />', () => {
     );
     expect(console.error).toHaveBeenCalledWith("ERROR: CheckboxGroup's children should be an array of Checkbox");
   });
+
+  it('should return null if there is no children', () => {
+    const { queryAllByTestId } = render(<CheckboxGroup name="movies" value={['test']} onChange={jest.fn()} />);
+    expect(queryAllByTestId('checkbox-group-wrapper')).toHaveLength(0);
+  });
+
+  it('should return null if there is a boolean child', () => {
+    console.error = jest.fn();
+    const { queryAllByTestId } = render(
+      <CheckboxGroup name="movies" value={['test']} onChange={jest.fn()}>
+        {false && <Checkbox label="The Terminator" value="terminator" />}
+        <Checkbox label="Predator" value="predator" />
+      </CheckboxGroup>
+    );
+
+    expect(queryAllByTestId('checkbox-group-wrapper')).toHaveLength(1);
+    expect(console.error).toHaveBeenCalledTimes(0);
+  });
 });