fix: change children PropType to node or [node]

Author: assisrafael

demo/demo.jsx

@@ -14,47 +14,49 @@ import { DropdownExamples } from './DropdownExamples';
 ReactDOM.render(
   <div className="mt-3">
     <React.StrictMode>
-      <ToastsContainer>
-        <StatefulTabs
-          vertical={true}
-          onlyRenderActiveTab={true}
-          initialTab={2}
-          tabs={[
-            {
-              title: 'Dialog',
-              content: <DialogExamples />,
-            },
-            {
-              title: 'Dropdown',
-              content: <DropdownExamples />,
-            },
-            {
-              title: 'Forms',
-              content: <FormExamples />,
-            },
-            {
-              title: 'List groups',
-              content: <ListGroupExamples />,
-            },
-            {
-              title: 'Pagination',
-              content: <PaginationExamples />,
-            },
-            {
-              title: 'Tables',
-              content: <TableExamples />,
-            },
-            {
-              title: 'Tabs',
-              content: <TabsExamples />,
-            },
-            {
-              title: 'Toasts',
-              content: <ToastsExamples />,
-            },
-          ]}
-        />
-      </ToastsContainer>
+      <StatefulTabs
+        vertical={true}
+        onlyRenderActiveTab={true}
+        initialTab={7}
+        tabs={[
+          {
+            title: 'Dialog',
+            content: <DialogExamples />,
+          },
+          {
+            title: 'Dropdown',
+            content: <DropdownExamples />,
+          },
+          {
+            title: 'Forms',
+            content: <FormExamples />,
+          },
+          {
+            title: 'List groups',
+            content: <ListGroupExamples />,
+          },
+          {
+            title: 'Pagination',
+            content: <PaginationExamples />,
+          },
+          {
+            title: 'Tables',
+            content: <TableExamples />,
+          },
+          {
+            title: 'Tabs',
+            content: <TabsExamples />,
+          },
+          {
+            title: 'Toasts',
+            content: (
+              <ToastsContainer>
+                <ToastsExamples />,
+              </ToastsContainer>
+            ),
+          },
+        ]}
+      />
     </React.StrictMode>
   </div>,
   document.getElementById('root')

src/dialog/ModalPortal.jsx

@@ -39,5 +39,5 @@ export function ModalPortal({ children, isOpen }) {
 }
 
 ModalPortal.propTypes = {
-  children: PropTypes.any,
+  children: PropTypes.oneOfType([PropTypes.node, PropTypes.arrayOf(PropTypes.node)]),
 };

src/forms/FormGroup.jsx

@@ -26,7 +26,7 @@ FormGroup.defaultProps = {
 };
 
 FormGroup.propTypes = {
-  children: PropTypes.element,
+  children: PropTypes.oneOfType([PropTypes.node, PropTypes.arrayOf(PropTypes.node)]),
   feedback: PropTypes.bool,
   mockInvalidSibling: PropTypes.bool,
   name: PropTypes.string.isRequired,

src/toasts/ToastsContainer.jsx

@@ -26,7 +26,7 @@ ToastsContainer.defaultProps = {
 };
 
 ToastsContainer.propTypes = {
-  children: PropTypes.oneOfType([PropTypes.element, PropTypes.arrayOf(PropTypes.element)]),
+  children: PropTypes.oneOfType([PropTypes.node, PropTypes.arrayOf(PropTypes.node)]),
   noStyle: PropTypes.bool,
   unique: PropTypes.bool,
 };