From ab5e5fbef5b51babb952b8d9b36cae6657218f30 Mon Sep 17 00:00:00 2001
From: Kyle Tsang <6854874+kyletsang@users.noreply.github.com>
Date: Sat, 29 Jun 2024 21:26:55 -0700
Subject: [PATCH 1/2] fix: fix component type error (#6821)

---
 src/Accordion.tsx         | 2 +-
 src/AccordionBody.tsx     | 2 +-
 src/AccordionButton.tsx   | 2 +-
 src/AccordionHeader.tsx   | 2 +-
 src/AccordionItem.tsx     | 2 +-
 src/AlertHeading.tsx      | 2 +-
 src/AlertLink.tsx         | 2 +-
 src/Badge.tsx             | 2 +-
 src/Breadcrumb.tsx        | 2 +-
 src/BreadcrumbItem.tsx    | 2 +-
 src/Button.tsx            | 2 +-
 src/ButtonGroup.tsx       | 2 +-
 src/Card.tsx              | 2 +-
 src/CardBody.tsx          | 2 +-
 src/CardFooter.tsx        | 2 +-
 src/CardGroup.tsx         | 2 +-
 src/CardHeader.tsx        | 2 +-
 src/CardImg.tsx           | 2 +-
 src/CardImgOverlay.tsx    | 2 +-
 src/CardLink.tsx          | 2 +-
 src/CardSubtitle.tsx      | 2 +-
 src/CardText.tsx          | 2 +-
 src/CardTitle.tsx         | 2 +-
 src/CarouselCaption.tsx   | 2 +-
 src/CarouselItem.tsx      | 2 +-
 src/Col.tsx               | 2 +-
 src/Container.tsx         | 2 +-
 src/Dropdown.tsx          | 2 +-
 src/DropdownButton.tsx    | 2 +-
 src/DropdownDivider.tsx   | 2 +-
 src/DropdownHeader.tsx    | 2 +-
 src/DropdownItem.tsx      | 2 +-
 src/DropdownItemText.tsx  | 2 +-
 src/DropdownMenu.tsx      | 2 +-
 src/DropdownToggle.tsx    | 2 +-
 src/Feedback.tsx          | 2 +-
 src/Figure.tsx            | 2 +-
 src/FigureCaption.tsx     | 2 +-
 src/FloatingLabel.tsx     | 2 +-
 src/Form.tsx              | 2 +-
 src/FormCheck.tsx         | 2 +-
 src/FormCheckInput.tsx    | 2 +-
 src/FormControl.tsx       | 2 +-
 src/FormFloating.tsx      | 2 +-
 src/FormGroup.tsx         | 2 +-
 src/FormLabel.tsx         | 2 +-
 src/FormSelect.tsx        | 2 +-
 src/FormText.tsx          | 2 +-
 src/InputGroup.tsx        | 2 +-
 src/InputGroupText.tsx    | 2 +-
 src/ListGroup.tsx         | 2 +-
 src/ListGroupItem.tsx     | 2 +-
 src/Modal.tsx             | 2 +-
 src/ModalBody.tsx         | 2 +-
 src/ModalFooter.tsx       | 2 +-
 src/ModalTitle.tsx        | 2 +-
 src/Nav.tsx               | 2 +-
 src/NavDropdown.tsx       | 2 +-
 src/NavItem.tsx           | 2 +-
 src/NavLink.tsx           | 4 ++--
 src/Navbar.tsx            | 2 +-
 src/NavbarBrand.tsx       | 2 +-
 src/NavbarText.tsx        | 2 +-
 src/NavbarToggle.tsx      | 2 +-
 src/Offcanvas.tsx         | 2 +-
 src/OffcanvasBody.tsx     | 2 +-
 src/OffcanvasTitle.tsx    | 2 +-
 src/PageItem.tsx          | 2 +-
 src/Placeholder.tsx       | 2 +-
 src/PlaceholderButton.tsx | 2 +-
 src/PopoverBody.tsx       | 2 +-
 src/PopoverHeader.tsx     | 2 +-
 src/Row.tsx               | 2 +-
 src/Spinner.tsx           | 2 +-
 src/Stack.tsx             | 2 +-
 src/Switch.tsx            | 2 +-
 src/TabContent.tsx        | 2 +-
 src/TabPane.tsx           | 2 +-
 src/Toast.tsx             | 2 +-
 src/ToastBody.tsx         | 2 +-
 src/ToastContainer.tsx    | 2 +-
 src/ToggleButtonGroup.tsx | 2 +-
 src/helpers.ts            | 2 +-
 83 files changed, 84 insertions(+), 84 deletions(-)

diff --git a/src/Accordion.tsx b/src/Accordion.tsx
index 33863ca81a..3da6ce5ea1 100644
--- a/src/Accordion.tsx
+++ b/src/Accordion.tsx
@@ -91,7 +91,7 @@ const Accordion: BsPrefixRefForwardingComponent<'div', AccordionProps> =
         />
       </AccordionContext.Provider>
     );
-  });
+  }) as typeof Accordion;
 
 Accordion.displayName = 'Accordion';
 Accordion.propTypes = propTypes;
diff --git a/src/AccordionBody.tsx b/src/AccordionBody.tsx
index e0bbbc219f..938b96bd36 100644
--- a/src/AccordionBody.tsx
+++ b/src/AccordionBody.tsx
@@ -85,7 +85,7 @@ const AccordionBody: BsPrefixRefForwardingComponent<'div', AccordionBodyProps> =
         </AccordionCollapse>
       );
     },
-  );
+  ) as typeof AccordionBody;
 
 AccordionBody.propTypes = propTypes;
 AccordionBody.displayName = 'AccordionBody';
diff --git a/src/AccordionButton.tsx b/src/AccordionButton.tsx
index 78f02b8b9b..9de3f61833 100644
--- a/src/AccordionButton.tsx
+++ b/src/AccordionButton.tsx
@@ -100,7 +100,7 @@ const AccordionButton: BsPrefixRefForwardingComponent<
       />
     );
   },
-);
+) as typeof AccordionButton;
 
 AccordionButton.propTypes = propTypes;
 AccordionButton.displayName = 'AccordionButton';
diff --git a/src/AccordionHeader.tsx b/src/AccordionHeader.tsx
index 87fadbd639..7ea47e5a6c 100644
--- a/src/AccordionHeader.tsx
+++ b/src/AccordionHeader.tsx
@@ -48,7 +48,7 @@ const AccordionHeader: BsPrefixRefForwardingComponent<
       </Component>
     );
   },
-);
+) as typeof AccordionHeader;
 
 AccordionHeader.propTypes = propTypes;
 AccordionHeader.displayName = 'AccordionHeader';
diff --git a/src/AccordionItem.tsx b/src/AccordionItem.tsx
index f4888e13f8..8ceb1de404 100644
--- a/src/AccordionItem.tsx
+++ b/src/AccordionItem.tsx
@@ -59,7 +59,7 @@ const AccordionItem: BsPrefixRefForwardingComponent<'div', AccordionItemProps> =
         </AccordionItemContext.Provider>
       );
     },
-  );
+  ) as typeof AccordionItem;
 
 AccordionItem.propTypes = propTypes;
 AccordionItem.displayName = 'AccordionItem';
diff --git a/src/AlertHeading.tsx b/src/AlertHeading.tsx
index 7d9ae081bd..14ebdf1cd6 100644
--- a/src/AlertHeading.tsx
+++ b/src/AlertHeading.tsx
@@ -23,7 +23,7 @@ const AlertHeading: BsPrefixRefForwardingComponent<'div', AlertHeadingProps> =
         />
       );
     },
-  );
+  ) as typeof AlertHeading;
 
 AlertHeading.displayName = 'AlertHeading';
 
diff --git a/src/AlertLink.tsx b/src/AlertLink.tsx
index afe91a59f2..8e28e5e1d9 100644
--- a/src/AlertLink.tsx
+++ b/src/AlertLink.tsx
@@ -20,7 +20,7 @@ const AlertLink: BsPrefixRefForwardingComponent<'a', AlertLinkProps> =
         />
       );
     },
-  );
+  ) as typeof AlertLink;
 
 AlertLink.displayName = 'AlertLink';
 
diff --git a/src/Badge.tsx b/src/Badge.tsx
index 86f10ffbe8..36e4ed17fb 100644
--- a/src/Badge.tsx
+++ b/src/Badge.tsx
@@ -71,7 +71,7 @@ const Badge: BsPrefixRefForwardingComponent<'span', BadgeProps> =
         />
       );
     },
-  );
+  ) as typeof Badge;
 
 Badge.displayName = 'Badge';
 Badge.propTypes = propTypes;
diff --git a/src/Breadcrumb.tsx b/src/Breadcrumb.tsx
index fde8b5fa02..cf70777d78 100644
--- a/src/Breadcrumb.tsx
+++ b/src/Breadcrumb.tsx
@@ -66,7 +66,7 @@ const Breadcrumb: BsPrefixRefForwardingComponent<'nav', BreadcrumbProps> =
         </Component>
       );
     },
-  );
+  ) as typeof Breadcrumb;
 
 Breadcrumb.displayName = 'Breadcrumb';
 Breadcrumb.propTypes = propTypes;
diff --git a/src/BreadcrumbItem.tsx b/src/BreadcrumbItem.tsx
index fd3a31b530..1ae367da1a 100644
--- a/src/BreadcrumbItem.tsx
+++ b/src/BreadcrumbItem.tsx
@@ -95,7 +95,7 @@ const BreadcrumbItem: BsPrefixRefForwardingComponent<
       </Component>
     );
   },
-);
+) as typeof BreadcrumbItem;
 
 BreadcrumbItem.displayName = 'BreadcrumbItem';
 BreadcrumbItem.propTypes = propTypes;
diff --git a/src/Button.tsx b/src/Button.tsx
index 8e1978337f..e81c1f1bba 100644
--- a/src/Button.tsx
+++ b/src/Button.tsx
@@ -113,7 +113,7 @@ const Button: BsPrefixRefForwardingComponent<'button', ButtonProps> =
         />
       );
     },
-  );
+  ) as typeof Button;
 
 Button.displayName = 'Button';
 Button.propTypes = propTypes;
diff --git a/src/ButtonGroup.tsx b/src/ButtonGroup.tsx
index e7af5bd469..8ecd8c7624 100644
--- a/src/ButtonGroup.tsx
+++ b/src/ButtonGroup.tsx
@@ -71,7 +71,7 @@ const ButtonGroup: BsPrefixRefForwardingComponent<'div', ButtonGroupProps> =
         />
       );
     },
-  );
+  ) as typeof ButtonGroup;
 
 ButtonGroup.displayName = 'ButtonGroup';
 ButtonGroup.propTypes = propTypes;
diff --git a/src/Card.tsx b/src/Card.tsx
index e0ac9fca6b..df1f16f158 100644
--- a/src/Card.tsx
+++ b/src/Card.tsx
@@ -97,7 +97,7 @@ const Card: BsPrefixRefForwardingComponent<'div', CardProps> = React.forwardRef<
       </Component>
     );
   },
-);
+) as typeof Card;
 
 Card.displayName = 'Card';
 Card.propTypes = propTypes;
diff --git a/src/CardBody.tsx b/src/CardBody.tsx
index 258f4d43f4..9b787ffbfb 100644
--- a/src/CardBody.tsx
+++ b/src/CardBody.tsx
@@ -19,7 +19,7 @@ const CardBody: BsPrefixRefForwardingComponent<'div', CardBodyProps> =
         />
       );
     },
-  );
+  ) as typeof CardBody;
 
 CardBody.displayName = 'CardBody';
 
diff --git a/src/CardFooter.tsx b/src/CardFooter.tsx
index 7649fee0f2..b92820b917 100644
--- a/src/CardFooter.tsx
+++ b/src/CardFooter.tsx
@@ -19,7 +19,7 @@ const CardFooter: BsPrefixRefForwardingComponent<'div', CardFooterProps> =
         />
       );
     },
-  );
+  ) as typeof CardFooter;
 
 CardFooter.displayName = 'CardFooter';
 
diff --git a/src/CardGroup.tsx b/src/CardGroup.tsx
index 109589819a..ed61324176 100644
--- a/src/CardGroup.tsx
+++ b/src/CardGroup.tsx
@@ -19,7 +19,7 @@ const CardGroup: BsPrefixRefForwardingComponent<'div', CardGroupProps> =
         />
       );
     },
-  );
+  ) as typeof CardGroup;
 
 CardGroup.displayName = 'CardGroup';
 
diff --git a/src/CardHeader.tsx b/src/CardHeader.tsx
index 0780d5bb05..adfcf85d9e 100644
--- a/src/CardHeader.tsx
+++ b/src/CardHeader.tsx
@@ -50,7 +50,7 @@ const CardHeader: BsPrefixRefForwardingComponent<'div', CardHeaderProps> =
         </CardHeaderContext.Provider>
       );
     },
-  );
+  ) as typeof CardHeader;
 
 CardHeader.displayName = 'CardHeader';
 CardHeader.propTypes = propTypes;
diff --git a/src/CardImg.tsx b/src/CardImg.tsx
index 1f55cf6329..d75ced7a2e 100644
--- a/src/CardImg.tsx
+++ b/src/CardImg.tsx
@@ -54,7 +54,7 @@ const CardImg: BsPrefixRefForwardingComponent<'img', CardImgProps> =
         />
       );
     },
-  );
+  ) as typeof CardImg;
 CardImg.displayName = 'CardImg';
 CardImg.propTypes = propTypes;
 
diff --git a/src/CardImgOverlay.tsx b/src/CardImgOverlay.tsx
index 4168d57517..614ac404f1 100644
--- a/src/CardImgOverlay.tsx
+++ b/src/CardImgOverlay.tsx
@@ -21,7 +21,7 @@ const CardImgOverlay: BsPrefixRefForwardingComponent<
       />
     );
   },
-);
+) as typeof CardImgOverlay;
 
 CardImgOverlay.displayName = 'CardImgOverlay';
 
diff --git a/src/CardLink.tsx b/src/CardLink.tsx
index 4063a1ecc9..925f2aa28d 100644
--- a/src/CardLink.tsx
+++ b/src/CardLink.tsx
@@ -19,7 +19,7 @@ const CardLink: BsPrefixRefForwardingComponent<'a', CardLinkProps> =
         />
       );
     },
-  );
+  ) as typeof CardLink;
 
 CardLink.displayName = 'CardLink';
 
diff --git a/src/CardSubtitle.tsx b/src/CardSubtitle.tsx
index 2a0518e821..4bcaa646f6 100644
--- a/src/CardSubtitle.tsx
+++ b/src/CardSubtitle.tsx
@@ -22,7 +22,7 @@ const CardSubtitle: BsPrefixRefForwardingComponent<'div', CardSubtitleProps> =
         />
       );
     },
-  );
+  ) as typeof CardSubtitle;
 
 CardSubtitle.displayName = 'CardSubtitle';
 
diff --git a/src/CardText.tsx b/src/CardText.tsx
index 0ad455f536..c19d96e0fa 100644
--- a/src/CardText.tsx
+++ b/src/CardText.tsx
@@ -19,7 +19,7 @@ const CardText: BsPrefixRefForwardingComponent<'p', CardTextProps> =
         />
       );
     },
-  );
+  ) as typeof CardText;
 
 CardText.displayName = 'CardText';
 
diff --git a/src/CardTitle.tsx b/src/CardTitle.tsx
index 762d701c44..73dde9aeb7 100644
--- a/src/CardTitle.tsx
+++ b/src/CardTitle.tsx
@@ -22,7 +22,7 @@ const CardTitle: BsPrefixRefForwardingComponent<'div', CardTitleProps> =
         />
       );
     },
-  );
+  ) as typeof CardTitle;
 
 CardTitle.displayName = 'CardTitle';
 
diff --git a/src/CarouselCaption.tsx b/src/CarouselCaption.tsx
index 9a3dcdecb5..3a44605440 100644
--- a/src/CarouselCaption.tsx
+++ b/src/CarouselCaption.tsx
@@ -21,7 +21,7 @@ const CarouselCaption: BsPrefixRefForwardingComponent<
       />
     );
   },
-);
+) as typeof CarouselCaption;
 
 CarouselCaption.displayName = 'CarouselCaption';
 
diff --git a/src/CarouselItem.tsx b/src/CarouselItem.tsx
index 3d3df711c7..a88a256925 100644
--- a/src/CarouselItem.tsx
+++ b/src/CarouselItem.tsx
@@ -39,7 +39,7 @@ const CarouselItem: BsPrefixRefForwardingComponent<'div', CarouselItemProps> =
       );
       return <Component ref={ref} {...props} className={finalClassName} />;
     },
-  );
+  ) as typeof CarouselItem;
 
 CarouselItem.displayName = 'CarouselItem';
 CarouselItem.propTypes = propTypes;
diff --git a/src/Col.tsx b/src/Col.tsx
index a66cc98297..8f3bf0f12b 100644
--- a/src/Col.tsx
+++ b/src/Col.tsx
@@ -188,7 +188,7 @@ const Col: BsPrefixRefForwardingComponent<'div', ColProps> = React.forwardRef<
       />
     );
   },
-);
+) as typeof Col;
 
 Col.displayName = 'Col';
 Col.propTypes = propTypes;
diff --git a/src/Container.tsx b/src/Container.tsx
index 1bf57efef5..6dd01fbbb7 100644
--- a/src/Container.tsx
+++ b/src/Container.tsx
@@ -54,7 +54,7 @@ const Container: BsPrefixRefForwardingComponent<'div', ContainerProps> =
         />
       );
     },
-  );
+  ) as typeof Container;
 
 Container.displayName = 'Container';
 Container.propTypes = propTypes;
diff --git a/src/Dropdown.tsx b/src/Dropdown.tsx
index 57f5c0483c..e25bf1d11a 100644
--- a/src/Dropdown.tsx
+++ b/src/Dropdown.tsx
@@ -216,7 +216,7 @@ const Dropdown: BsPrefixRefForwardingComponent<'div', DropdownProps> =
         </BaseDropdown>
       </DropdownContext.Provider>
     );
-  });
+  }) as typeof Dropdown;
 
 Dropdown.displayName = 'Dropdown';
 Dropdown.propTypes = propTypes;
diff --git a/src/DropdownButton.tsx b/src/DropdownButton.tsx
index 643d77aac9..e55d4919c5 100644
--- a/src/DropdownButton.tsx
+++ b/src/DropdownButton.tsx
@@ -136,7 +136,7 @@ const DropdownButton: BsPrefixRefForwardingComponent<
       </DropdownMenu>
     </Dropdown>
   ),
-);
+) as typeof DropdownButton;
 
 DropdownButton.displayName = 'DropdownButton';
 DropdownButton.propTypes = propTypes;
diff --git a/src/DropdownDivider.tsx b/src/DropdownDivider.tsx
index 5d6cfb0a96..e7670555c3 100644
--- a/src/DropdownDivider.tsx
+++ b/src/DropdownDivider.tsx
@@ -25,7 +25,7 @@ const DropdownDivider: BsPrefixRefForwardingComponent<
       />
     );
   },
-);
+) as typeof DropdownDivider;
 
 DropdownDivider.displayName = 'DropdownDivider';
 
diff --git a/src/DropdownHeader.tsx b/src/DropdownHeader.tsx
index fc1ca69d50..018824ee07 100644
--- a/src/DropdownHeader.tsx
+++ b/src/DropdownHeader.tsx
@@ -25,7 +25,7 @@ const DropdownHeader: BsPrefixRefForwardingComponent<
       />
     );
   },
-);
+) as typeof DropdownHeader;
 
 DropdownHeader.displayName = 'DropdownHeader';
 
diff --git a/src/DropdownItem.tsx b/src/DropdownItem.tsx
index 5157bf583c..377ab02a3b 100644
--- a/src/DropdownItem.tsx
+++ b/src/DropdownItem.tsx
@@ -83,7 +83,7 @@ const DropdownItem: BsPrefixRefForwardingComponent<'a', DropdownItemProps> =
         />
       );
     },
-  );
+  ) as typeof DropdownItem;
 
 DropdownItem.displayName = 'DropdownItem';
 DropdownItem.propTypes = propTypes;
diff --git a/src/DropdownItemText.tsx b/src/DropdownItemText.tsx
index bc830e9cf2..11e5477b78 100644
--- a/src/DropdownItemText.tsx
+++ b/src/DropdownItemText.tsx
@@ -21,7 +21,7 @@ const DropdownItemText: BsPrefixRefForwardingComponent<
       />
     );
   },
-);
+) as typeof DropdownItemText;
 
 DropdownItemText.displayName = 'DropdownItemText';
 
diff --git a/src/DropdownMenu.tsx b/src/DropdownMenu.tsx
index 1f25433337..1b6a4e477a 100644
--- a/src/DropdownMenu.tsx
+++ b/src/DropdownMenu.tsx
@@ -223,7 +223,7 @@ const DropdownMenu: BsPrefixRefForwardingComponent<'div', DropdownMenuProps> =
         />
       );
     },
-  );
+  ) as typeof DropdownMenu;
 
 DropdownMenu.displayName = 'DropdownMenu';
 DropdownMenu.propTypes = propTypes;
diff --git a/src/DropdownToggle.tsx b/src/DropdownToggle.tsx
index 03509a8717..0a3ad39e22 100644
--- a/src/DropdownToggle.tsx
+++ b/src/DropdownToggle.tsx
@@ -90,7 +90,7 @@ const DropdownToggle: DropdownToggleComponent = React.forwardRef(
       />
     );
   },
-);
+) as typeof DropdownToggle;
 
 DropdownToggle.displayName = 'DropdownToggle';
 DropdownToggle.propTypes = propTypes;
diff --git a/src/Feedback.tsx b/src/Feedback.tsx
index 6826ef87c0..61b951ab25 100644
--- a/src/Feedback.tsx
+++ b/src/Feedback.tsx
@@ -51,7 +51,7 @@ const Feedback: BsPrefixRefForwardingComponent<'div', FeedbackProps> =
         )}
       />
     ),
-  );
+  ) as typeof Feedback;
 
 Feedback.displayName = 'Feedback';
 Feedback.propTypes = propTypes;
diff --git a/src/Figure.tsx b/src/Figure.tsx
index 0452b25e6f..268f684b3b 100644
--- a/src/Figure.tsx
+++ b/src/Figure.tsx
@@ -21,7 +21,7 @@ const Figure: BsPrefixRefForwardingComponent<'figure', FigureProps> =
         />
       );
     },
-  );
+  ) as typeof Figure;
 
 Figure.displayName = 'Figure';
 
diff --git a/src/FigureCaption.tsx b/src/FigureCaption.tsx
index 5033f06c69..345cd902ca 100644
--- a/src/FigureCaption.tsx
+++ b/src/FigureCaption.tsx
@@ -21,7 +21,7 @@ const FigureCaption: BsPrefixRefForwardingComponent<
       />
     );
   },
-);
+) as typeof FigureCaption;
 
 FigureCaption.displayName = 'FigureCaption';
 
diff --git a/src/FloatingLabel.tsx b/src/FloatingLabel.tsx
index 37b6ffe5d8..86b6c130ca 100644
--- a/src/FloatingLabel.tsx
+++ b/src/FloatingLabel.tsx
@@ -42,7 +42,7 @@ const FloatingLabel: BsPrefixRefForwardingComponent<'div', FloatingLabelProps> =
         </FormGroup>
       );
     },
-  );
+  ) as typeof FloatingLabel;
 
 FloatingLabel.displayName = 'FloatingLabel';
 FloatingLabel.propTypes = propTypes;
diff --git a/src/Form.tsx b/src/Form.tsx
index 0ceb5679ae..d8efefe120 100644
--- a/src/Form.tsx
+++ b/src/Form.tsx
@@ -56,7 +56,7 @@ const Form: BsPrefixRefForwardingComponent<'form', FormProps> =
         className={classNames(className, validated && 'was-validated')}
       />
     ),
-  );
+  ) as typeof Form;
 
 Form.displayName = 'Form';
 Form.propTypes = propTypes as any;
diff --git a/src/FormCheck.tsx b/src/FormCheck.tsx
index 6eb6537eae..330a19deab 100644
--- a/src/FormCheck.tsx
+++ b/src/FormCheck.tsx
@@ -211,7 +211,7 @@ const FormCheck: BsPrefixRefForwardingComponent<'input', FormCheckProps> =
         </FormContext.Provider>
       );
     },
-  );
+  ) as typeof FormCheck;
 
 FormCheck.displayName = 'FormCheck';
 FormCheck.propTypes = propTypes;
diff --git a/src/FormCheckInput.tsx b/src/FormCheckInput.tsx
index 342e733f43..3db6e41562 100644
--- a/src/FormCheckInput.tsx
+++ b/src/FormCheckInput.tsx
@@ -78,7 +78,7 @@ const FormCheckInput: BsPrefixRefForwardingComponent<
       />
     );
   },
-);
+) as typeof FormCheckInput;
 
 FormCheckInput.displayName = 'FormCheckInput';
 FormCheckInput.propTypes = propTypes;
diff --git a/src/FormControl.tsx b/src/FormControl.tsx
index aa90a97b20..86f489b5b6 100644
--- a/src/FormControl.tsx
+++ b/src/FormControl.tsx
@@ -150,7 +150,7 @@ const FormControl: BsPrefixRefForwardingComponent<'input', FormControlProps> =
         />
       );
     },
-  );
+  ) as typeof FormControl;
 
 FormControl.displayName = 'FormControl';
 FormControl.propTypes = propTypes;
diff --git a/src/FormFloating.tsx b/src/FormFloating.tsx
index 7809479709..a7a0131d78 100644
--- a/src/FormFloating.tsx
+++ b/src/FormFloating.tsx
@@ -19,7 +19,7 @@ const FormFloating: BsPrefixRefForwardingComponent<'div', FormFloatingProps> =
         />
       );
     },
-  );
+  ) as typeof FormFloating;
 
 FormFloating.displayName = 'FormFloating';
 
diff --git a/src/FormGroup.tsx b/src/FormGroup.tsx
index bd6a67a384..bdb3d7cd94 100644
--- a/src/FormGroup.tsx
+++ b/src/FormGroup.tsx
@@ -49,7 +49,7 @@ const FormGroup: BsPrefixRefForwardingComponent<'div', FormGroupProps> =
         </FormContext.Provider>
       );
     },
-  );
+  ) as typeof FormGroup;
 
 FormGroup.displayName = 'FormGroup';
 FormGroup.propTypes = propTypes;
diff --git a/src/FormLabel.tsx b/src/FormLabel.tsx
index 128e92f2ed..2fe27a7d65 100644
--- a/src/FormLabel.tsx
+++ b/src/FormLabel.tsx
@@ -115,7 +115,7 @@ const FormLabel: BsPrefixRefForwardingComponent<'label', FormLabelProps> =
         <Component ref={ref} className={classes} htmlFor={htmlFor} {...props} />
       );
     },
-  );
+  ) as typeof FormLabel;
 
 FormLabel.displayName = 'FormLabel';
 FormLabel.propTypes = propTypes;
diff --git a/src/FormSelect.tsx b/src/FormSelect.tsx
index b300af0556..5be746c673 100644
--- a/src/FormSelect.tsx
+++ b/src/FormSelect.tsx
@@ -92,7 +92,7 @@ const FormSelect: BsPrefixRefForwardingComponent<'select', FormSelectProps> =
         />
       );
     },
-  );
+  ) as typeof FormSelect;
 
 FormSelect.displayName = 'FormSelect';
 FormSelect.propTypes = propTypes;
diff --git a/src/FormText.tsx b/src/FormText.tsx
index 67b1a50147..bb92fb99ea 100644
--- a/src/FormText.tsx
+++ b/src/FormText.tsx
@@ -52,7 +52,7 @@ const FormText: BsPrefixRefForwardingComponent<'small', FormTextProps> =
         />
       );
     },
-  );
+  ) as typeof FormText;
 
 FormText.displayName = 'FormText';
 FormText.propTypes = propTypes;
diff --git a/src/InputGroup.tsx b/src/InputGroup.tsx
index e4236ffa25..ce7e50fdfc 100644
--- a/src/InputGroup.tsx
+++ b/src/InputGroup.tsx
@@ -85,7 +85,7 @@ const InputGroup: BsPrefixRefForwardingComponent<'div', InputGroupProps> =
         </InputGroupContext.Provider>
       );
     },
-  );
+  ) as typeof InputGroup;
 
 InputGroup.propTypes = propTypes;
 InputGroup.displayName = 'InputGroup';
diff --git a/src/InputGroupText.tsx b/src/InputGroupText.tsx
index 1f84b409f2..5ae3350e91 100644
--- a/src/InputGroupText.tsx
+++ b/src/InputGroupText.tsx
@@ -21,7 +21,7 @@ const InputGroupText: BsPrefixRefForwardingComponent<
       />
     );
   },
-);
+) as typeof InputGroupText;
 
 InputGroupText.displayName = 'InputGroupText';
 
diff --git a/src/ListGroup.tsx b/src/ListGroup.tsx
index 0722b354d8..5e2bf36d3d 100644
--- a/src/ListGroup.tsx
+++ b/src/ListGroup.tsx
@@ -91,7 +91,7 @@ const ListGroup: BsPrefixRefForwardingComponent<'div', ListGroupProps> =
         )}
       />
     );
-  });
+  }) as typeof ListGroup;
 
 ListGroup.propTypes = propTypes;
 ListGroup.displayName = 'ListGroup';
diff --git a/src/ListGroupItem.tsx b/src/ListGroupItem.tsx
index 29081f0c04..74b9f09712 100644
--- a/src/ListGroupItem.tsx
+++ b/src/ListGroupItem.tsx
@@ -126,7 +126,7 @@ const ListGroupItem: BsPrefixRefForwardingComponent<'a', ListGroupItemProps> =
         />
       );
     },
-  );
+  ) as typeof ListGroupItem;
 
 ListGroupItem.propTypes = propTypes;
 ListGroupItem.displayName = 'ListGroupItem';
diff --git a/src/Modal.tsx b/src/Modal.tsx
index 7630dcb9fa..90fede0e9a 100644
--- a/src/Modal.tsx
+++ b/src/Modal.tsx
@@ -504,7 +504,7 @@ const Modal: BsPrefixRefForwardingComponent<'div', ModalProps> =
         </ModalContext.Provider>
       );
     },
-  );
+  ) as typeof Modal;
 
 Modal.displayName = 'Modal';
 Modal.propTypes = propTypes;
diff --git a/src/ModalBody.tsx b/src/ModalBody.tsx
index 5e37d9a8a5..272646d42a 100644
--- a/src/ModalBody.tsx
+++ b/src/ModalBody.tsx
@@ -19,7 +19,7 @@ const ModalBody: BsPrefixRefForwardingComponent<'div', ModalBodyProps> =
         />
       );
     },
-  );
+  ) as typeof ModalBody;
 
 ModalBody.displayName = 'ModalBody';
 
diff --git a/src/ModalFooter.tsx b/src/ModalFooter.tsx
index 95b2739fbe..5c913560cc 100644
--- a/src/ModalFooter.tsx
+++ b/src/ModalFooter.tsx
@@ -19,7 +19,7 @@ const ModalFooter: BsPrefixRefForwardingComponent<'div', ModalFooterProps> =
         />
       );
     },
-  );
+  ) as typeof ModalFooter;
 
 ModalFooter.displayName = 'ModalFooter';
 
diff --git a/src/ModalTitle.tsx b/src/ModalTitle.tsx
index aaa1dc49a7..9d6a3f3a3f 100644
--- a/src/ModalTitle.tsx
+++ b/src/ModalTitle.tsx
@@ -22,7 +22,7 @@ const ModalTitle: BsPrefixRefForwardingComponent<'span', ModalTitleProps> =
         />
       );
     },
-  );
+  ) as typeof ModalTitle;
 
 ModalTitle.displayName = 'ModalTitle';
 
diff --git a/src/Nav.tsx b/src/Nav.tsx
index e5c8360c49..be0ae56e58 100644
--- a/src/Nav.tsx
+++ b/src/Nav.tsx
@@ -156,7 +156,7 @@ const Nav: BsPrefixRefForwardingComponent<'div', NavProps> = React.forwardRef<
       {...props}
     />
   );
-});
+}) as typeof Nav;
 
 Nav.displayName = 'Nav';
 Nav.propTypes = propTypes;
diff --git a/src/NavDropdown.tsx b/src/NavDropdown.tsx
index 8ef55c372c..ed0ddbbdd0 100644
--- a/src/NavDropdown.tsx
+++ b/src/NavDropdown.tsx
@@ -111,7 +111,7 @@ const NavDropdown: BsPrefixRefForwardingComponent<'div', NavDropdownProps> =
         </Dropdown>
       );
     },
-  );
+  ) as typeof NavDropdown;
 
 NavDropdown.displayName = 'NavDropdown';
 NavDropdown.propTypes = propTypes;
diff --git a/src/NavItem.tsx b/src/NavItem.tsx
index 9a045d5604..33f83c202b 100644
--- a/src/NavItem.tsx
+++ b/src/NavItem.tsx
@@ -19,7 +19,7 @@ const NavItem: BsPrefixRefForwardingComponent<'div', NavItemProps> =
         />
       );
     },
-  );
+  ) as typeof NavItem;
 
 NavItem.displayName = 'NavItem';
 
diff --git a/src/NavLink.tsx b/src/NavLink.tsx
index e0a3265155..ccb48b3981 100644
--- a/src/NavLink.tsx
+++ b/src/NavLink.tsx
@@ -37,7 +37,7 @@ const propTypes = {
    * */
   role: PropTypes.string,
 
-  /** 
+  /**
    * The HTML href attribute for the `NavLink`. Used as the unique identifier
    * for the `NavLink` if an `eventKey` is not provided.
    */
@@ -91,7 +91,7 @@ const NavLink: BsPrefixRefForwardingComponent<'a', NavLinkProps> =
         />
       );
     },
-  );
+  ) as typeof NavLink;
 
 NavLink.displayName = 'NavLink';
 NavLink.propTypes = propTypes;
diff --git a/src/Navbar.tsx b/src/Navbar.tsx
index 606b14dc26..1d79709e04 100644
--- a/src/Navbar.tsx
+++ b/src/Navbar.tsx
@@ -205,7 +205,7 @@ const Navbar: BsPrefixRefForwardingComponent<'nav', NavbarProps> =
         </SelectableContext.Provider>
       </NavbarContext.Provider>
     );
-  });
+  }) as typeof Navbar;
 
 Navbar.propTypes = propTypes;
 Navbar.displayName = 'Navbar';
diff --git a/src/NavbarBrand.tsx b/src/NavbarBrand.tsx
index 65fb1657db..4d8e503714 100644
--- a/src/NavbarBrand.tsx
+++ b/src/NavbarBrand.tsx
@@ -41,7 +41,7 @@ const NavbarBrand: BsPrefixRefForwardingComponent<'a', NavbarBrandProps> =
         />
       );
     },
-  );
+  ) as typeof NavbarBrand;
 
 NavbarBrand.displayName = 'NavbarBrand';
 NavbarBrand.propTypes = propTypes;
diff --git a/src/NavbarText.tsx b/src/NavbarText.tsx
index 050e1348cc..a47a9f31f6 100644
--- a/src/NavbarText.tsx
+++ b/src/NavbarText.tsx
@@ -19,7 +19,7 @@ const NavbarText: BsPrefixRefForwardingComponent<'span', NavbarTextProps> =
         />
       );
     },
-  );
+  ) as typeof NavbarText;
 
 NavbarText.displayName = 'NavbarText';
 
diff --git a/src/NavbarToggle.tsx b/src/NavbarToggle.tsx
index 4dd3d209e4..e50937aeb0 100644
--- a/src/NavbarToggle.tsx
+++ b/src/NavbarToggle.tsx
@@ -74,7 +74,7 @@ const NavbarToggle: BsPrefixRefForwardingComponent<
       </Component>
     );
   },
-);
+) as typeof NavbarToggle;
 
 NavbarToggle.displayName = 'NavbarToggle';
 NavbarToggle.propTypes = propTypes;
diff --git a/src/Offcanvas.tsx b/src/Offcanvas.tsx
index b4cdfc030f..c272c3bf05 100644
--- a/src/Offcanvas.tsx
+++ b/src/Offcanvas.tsx
@@ -354,7 +354,7 @@ const Offcanvas: BsPrefixRefForwardingComponent<'div', OffcanvasProps> =
         </>
       );
     },
-  );
+  ) as typeof Offcanvas;
 
 Offcanvas.displayName = 'Offcanvas';
 Offcanvas.propTypes = propTypes;
diff --git a/src/OffcanvasBody.tsx b/src/OffcanvasBody.tsx
index abe93b5f57..8bff79c868 100644
--- a/src/OffcanvasBody.tsx
+++ b/src/OffcanvasBody.tsx
@@ -19,7 +19,7 @@ const OffcanvasBody: BsPrefixRefForwardingComponent<'div', OffcanvasBodyProps> =
         />
       );
     },
-  );
+  ) as typeof OffcanvasBody;
 
 OffcanvasBody.displayName = 'OffcanvasBody';
 
diff --git a/src/OffcanvasTitle.tsx b/src/OffcanvasTitle.tsx
index fa208da8d7..1531c88dae 100644
--- a/src/OffcanvasTitle.tsx
+++ b/src/OffcanvasTitle.tsx
@@ -24,7 +24,7 @@ const OffcanvasTitle: BsPrefixRefForwardingComponent<
       />
     );
   },
-);
+) as typeof OffcanvasTitle;
 
 OffcanvasTitle.displayName = 'OffcanvasTitle';
 
diff --git a/src/PageItem.tsx b/src/PageItem.tsx
index c6e81d0152..c419d45644 100644
--- a/src/PageItem.tsx
+++ b/src/PageItem.tsx
@@ -77,7 +77,7 @@ const PageItem: BsPrefixRefForwardingComponent<'li', PageItemProps> =
         </li>
       );
     },
-  );
+  ) as typeof PageItem;
 
 PageItem.propTypes = propTypes;
 PageItem.displayName = 'PageItem';
diff --git a/src/Placeholder.tsx b/src/Placeholder.tsx
index 7dcdd9b765..278ecf12e9 100644
--- a/src/Placeholder.tsx
+++ b/src/Placeholder.tsx
@@ -41,7 +41,7 @@ const Placeholder: BsPrefixRefForwardingComponent<'span', PlaceholderProps> =
 
       return <Component {...placeholderProps} ref={ref} />;
     },
-  );
+  ) as typeof Placeholder;
 
 Placeholder.displayName = 'Placeholder';
 Placeholder.propTypes = propTypes;
diff --git a/src/PlaceholderButton.tsx b/src/PlaceholderButton.tsx
index 58775b42f8..ddedeee1a0 100644
--- a/src/PlaceholderButton.tsx
+++ b/src/PlaceholderButton.tsx
@@ -37,7 +37,7 @@ const PlaceholderButton: BsPrefixRefForwardingComponent<
 
     return <Button {...placeholderProps} ref={ref} disabled tabIndex={-1} />;
   },
-);
+) as typeof PlaceholderButton;
 
 PlaceholderButton.displayName = 'PlaceholderButton';
 PlaceholderButton.propTypes = propTypes;
diff --git a/src/PopoverBody.tsx b/src/PopoverBody.tsx
index d73a8a158e..ef69dcb7f0 100644
--- a/src/PopoverBody.tsx
+++ b/src/PopoverBody.tsx
@@ -19,7 +19,7 @@ const PopoverBody: BsPrefixRefForwardingComponent<'div', PopoverBodyProps> =
         />
       );
     },
-  );
+  ) as typeof PopoverBody;
 
 PopoverBody.displayName = 'PopoverBody';
 
diff --git a/src/PopoverHeader.tsx b/src/PopoverHeader.tsx
index b053e066d4..413eb7aaa4 100644
--- a/src/PopoverHeader.tsx
+++ b/src/PopoverHeader.tsx
@@ -19,7 +19,7 @@ const PopoverHeader: BsPrefixRefForwardingComponent<'div', PopoverHeaderProps> =
         />
       );
     },
-  );
+  ) as typeof PopoverHeader;
 
 PopoverHeader.displayName = 'PopoverHeader';
 
diff --git a/src/Row.tsx b/src/Row.tsx
index 45fcccf812..dd5001629e 100644
--- a/src/Row.tsx
+++ b/src/Row.tsx
@@ -150,7 +150,7 @@ const Row: BsPrefixRefForwardingComponent<'div', RowProps> = React.forwardRef<
       />
     );
   },
-);
+) as typeof Row;
 
 Row.displayName = 'Row';
 Row.propTypes = propTypes;
diff --git a/src/Spinner.tsx b/src/Spinner.tsx
index 82667932da..7432a4bf55 100644
--- a/src/Spinner.tsx
+++ b/src/Spinner.tsx
@@ -88,7 +88,7 @@ const Spinner: BsPrefixRefForwardingComponent<'div', SpinnerProps> =
         />
       );
     },
-  );
+  ) as typeof Spinner;
 
 Spinner.propTypes = propTypes as any;
 Spinner.displayName = 'Spinner';
diff --git a/src/Stack.tsx b/src/Stack.tsx
index 868d1336d6..6beb648d9f 100644
--- a/src/Stack.tsx
+++ b/src/Stack.tsx
@@ -71,7 +71,7 @@ const Stack: BsPrefixRefForwardingComponent<'span', StackProps> =
         />
       );
     },
-  );
+  ) as typeof Stack;
 
 Stack.displayName = 'Stack';
 Stack.propTypes = propTypes;
diff --git a/src/Switch.tsx b/src/Switch.tsx
index ff3766757b..53f1548f42 100644
--- a/src/Switch.tsx
+++ b/src/Switch.tsx
@@ -7,7 +7,7 @@ type SwitchProps = Omit<FormCheckProps, 'type'>;
 const Switch: BsPrefixRefForwardingComponent<typeof FormCheck, SwitchProps> =
   React.forwardRef<typeof FormCheck, SwitchProps>((props, ref) => (
     <FormCheck {...props} ref={ref} type="switch" />
-  ));
+  )) as typeof Switch;
 
 Switch.displayName = 'Switch';
 
diff --git a/src/TabContent.tsx b/src/TabContent.tsx
index 19842dde58..974d7b6537 100644
--- a/src/TabContent.tsx
+++ b/src/TabContent.tsx
@@ -19,7 +19,7 @@ const TabContent: BsPrefixRefForwardingComponent<'div', TabContentProps> =
         />
       );
     },
-  );
+  ) as typeof TabContent;
 
 TabContent.displayName = 'TabContent';
 
diff --git a/src/TabPane.tsx b/src/TabPane.tsx
index 0e2068323e..2176828609 100644
--- a/src/TabPane.tsx
+++ b/src/TabPane.tsx
@@ -153,7 +153,7 @@ const TabPane: BsPrefixRefForwardingComponent<'div', TabPaneProps> =
         </TabContext.Provider>
       );
     },
-  );
+  ) as typeof TabPane;
 
 TabPane.displayName = 'TabPane';
 TabPane.propTypes = propTypes;
diff --git a/src/Toast.tsx b/src/Toast.tsx
index a65ce57597..d1ed1968f9 100644
--- a/src/Toast.tsx
+++ b/src/Toast.tsx
@@ -196,7 +196,7 @@ const Toast: BsPrefixRefForwardingComponent<'div', ToastProps> =
         </ToastContext.Provider>
       );
     },
-  );
+  ) as typeof Toast;
 
 Toast.propTypes = propTypes;
 Toast.displayName = 'Toast';
diff --git a/src/ToastBody.tsx b/src/ToastBody.tsx
index 62ed554d37..6f39d2d4eb 100644
--- a/src/ToastBody.tsx
+++ b/src/ToastBody.tsx
@@ -19,7 +19,7 @@ const ToastBody: BsPrefixRefForwardingComponent<'div', ToastBodyProps> =
         />
       );
     },
-  );
+  ) as typeof ToastBody;
 
 ToastBody.displayName = 'ToastBody';
 
diff --git a/src/ToastContainer.tsx b/src/ToastContainer.tsx
index d5f3824b3b..f739ac71e3 100644
--- a/src/ToastContainer.tsx
+++ b/src/ToastContainer.tsx
@@ -92,7 +92,7 @@ const ToastContainer: BsPrefixRefForwardingComponent<
       />
     );
   },
-);
+) as typeof ToastContainer;
 
 ToastContainer.displayName = 'ToastContainer';
 ToastContainer.propTypes = propTypes;
diff --git a/src/ToggleButtonGroup.tsx b/src/ToggleButtonGroup.tsx
index 0740d63d8f..37180a4c93 100644
--- a/src/ToggleButtonGroup.tsx
+++ b/src/ToggleButtonGroup.tsx
@@ -137,7 +137,7 @@ const ToggleButtonGroup: BsPrefixRefForwardingComponent<
       })}
     </ButtonGroup>
   );
-});
+}) as typeof ToggleButtonGroup;
 
 ToggleButtonGroup.propTypes = propTypes;
 
diff --git a/src/helpers.ts b/src/helpers.ts
index f2258477b7..d514b24abd 100644
--- a/src/helpers.ts
+++ b/src/helpers.ts
@@ -28,7 +28,7 @@ export interface BsPrefixRefForwardingComponent<
   <As extends React.ElementType = TInitial>(
     props: React.PropsWithChildren<ReplaceProps<As, BsPrefixProps<As> & P>>,
     context?: any,
-  ): React.ReactNode;
+  ): React.ReactElement | null;
   propTypes?: any;
   contextTypes?: any;
   defaultProps?: Partial<P>;

From 54e9274fa871357bce0c3ccd8a2b3432e7aba4c0 Mon Sep 17 00:00:00 2001
From: kyletsang <6854874+kyletsang@users.noreply.github.com>
Date: Sat, 29 Jun 2024 21:28:50 -0700
Subject: [PATCH 2/2] Publish v2.10.4

---
 CHANGELOG.md | 11 +++++++++++
 package.json |  2 +-
 2 files changed, 12 insertions(+), 1 deletion(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 0e3c70f3e5..0a26c02448 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,3 +1,14 @@
+## [2.10.4](https://github.com/react-bootstrap/react-bootstrap/compare/v2.10.3...v2.10.4) (2024-06-30)
+
+
+### Bug Fixes
+
+* fix component type error ([#6821](https://github.com/react-bootstrap/react-bootstrap/issues/6821)) ([ab5e5fb](https://github.com/react-bootstrap/react-bootstrap/commit/ab5e5fbef5b51babb952b8d9b36cae6657218f30))
+
+
+
+
+
 ## [2.10.3](https://github.com/react-bootstrap/react-bootstrap/compare/v2.10.2...v2.10.3) (2024-06-19)
 
 
diff --git a/package.json b/package.json
index 2cdd662c56..8ef65e0571 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "react-bootstrap",
-  "version": "2.10.3",
+  "version": "2.10.4",
   "description": "Bootstrap 5 components built with React",
   "keywords": [
     "bootstrap",