fix: fix exports and types (react-bootstrap#5969)

Author: kyletsang

src/Popover.tsx

@@ -1,18 +1,19 @@
 import classNames from 'classnames';
 import * as React from 'react';
 import PropTypes from 'prop-types';
+import { OverlayArrowProps } from '@restart/ui/Overlay';
 import { useBootstrapPrefix, useIsRTL } from './ThemeProvider';
 import PopoverHeader from './PopoverHeader';
 import PopoverBody from './PopoverBody';
-import { ArrowProps, Placement } from './types';
+import { Placement } from './types';
 import { BsPrefixProps, getOverlayDirection } from './helpers';
 
 export interface PopoverProps
   extends React.HTMLAttributes<HTMLDivElement>,
     BsPrefixProps {
   placement?: Placement;
   title?: string;
-  arrowProps?: ArrowProps;
+  arrowProps?: Partial<OverlayArrowProps>;
   body?: boolean;
   popper?: any;
   show?: boolean;

src/Tab.tsx

@@ -1,6 +1,6 @@
 import PropTypes from 'prop-types';
 import * as React from 'react';
-import Tabs from '@restart/ui/Tabs';
+import TabContainer from './TabContainer';
 import TabContent from './TabContent';
 import TabPane, { TabPaneProps } from './TabPane';
 
@@ -43,7 +43,7 @@ const Tab: React.FC<TabProps> = () => {
 Tab.propTypes = propTypes;
 
 export default Object.assign(Tab, {
-  Container: Tabs,
+  Container: TabContainer,
   Content: TabContent,
   Pane: TabPane,
 });

src/Tooltip.tsx

@@ -1,15 +1,16 @@
 import classNames from 'classnames';
 import * as React from 'react';
 import PropTypes from 'prop-types';
+import { OverlayArrowProps } from '@restart/ui/Overlay';
 import { useBootstrapPrefix, useIsRTL } from './ThemeProvider';
-import { ArrowProps, Placement } from './types';
+import { Placement } from './types';
 import { BsPrefixProps, getOverlayDirection } from './helpers';
 
 export interface TooltipProps
   extends React.HTMLAttributes<HTMLDivElement>,
     BsPrefixProps {
   placement?: Placement;
-  arrowProps?: ArrowProps;
+  arrowProps?: Partial<OverlayArrowProps>;
   show?: boolean;
   popper?: any;
 }

src/types.tsx

@@ -35,11 +35,6 @@ export type Color =
 
 export type Placement = import('@restart/ui/usePopper').Placement;
 
-export type ArrowProps = {
-  ref: React.RefCallback<HTMLElement>;
-  style: React.CSSProperties;
-};
-
 export type AlignDirection = 'start' | 'end';
 
 export type ResponsiveAlignProp =

tests/simple-types-test.tsx

@@ -924,7 +924,9 @@ const MegaComponent = () => (
       onToggle={noop}
       focusFirstItemOnShow="keyboard"
       navbar
-    />
+    >
+      <Dropdown.Item />
+    </SplitButton>
     <Table
       id="id"
       bordered