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",
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> =
/>
);
- });
+ }) 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> =
);
},
- );
+ ) 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<
);
},
-);
+) 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> =
);
},
- );
+ ) 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> =
);
},
- );
+ ) 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<
);
},
-);
+) 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<
);
},
-);
+) 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> =
);
},
- );
+ ) 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 ;
},
- );
+ ) 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> =
);
- });
+ }) 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<
),
-);
+) 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> =
);
},
- );
+ ) 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> =
);
},
- );
+ ) 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> =
);
},
- );
+ ) 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> =
);
},
- );
+ ) 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> =
);
},
- );
+ ) 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> =
);
},
- );
+ ) 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> =
);
},
- );
+ ) 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> =
);
- });
+ }) 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<
);
},
-);
+) 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> =
);
},
- );
+ ) 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 ;
},
- );
+ ) 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 ;
},
-);
+) 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;
const Switch: BsPrefixRefForwardingComponent =
React.forwardRef((props, ref) => (
- ));
+ )) 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> =
);
},
- );
+ ) 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> =
);
},
- );
+ ) 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<
})}
);
-});
+}) 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<
(
props: React.PropsWithChildren & P>>,
context?: any,
- ): React.ReactNode;
+ ): React.ReactElement | null;
propTypes?: any;
contextTypes?: any;
defaultProps?: Partial;