Workaround for React.ComponentProps<typeof Button> no longer working

Author: kraenhansen

packages/compass-components/src/index.ts

@@ -82,6 +82,7 @@ export { Variant as BannerVariant } from '@leafygreen-ui/banner';
 export {
   Size as ButtonSize,
   Variant as ButtonVariant,
+  type ButtonProps,
 } from '@leafygreen-ui/button';
 export { SplitButton } from '@leafygreen-ui/split-button';
 

packages/compass-data-modeling/src/components/import-diagram-button.tsx

@@ -1,17 +1,18 @@
 import React from 'react';
-import { Button, FileSelector } from '@mongodb-js/compass-components';
+import {
+  Button,
+  type ButtonProps,
+  FileSelector,
+} from '@mongodb-js/compass-components';
 
-type importDiagramButtonProps = Omit<
-  React.ComponentProps<typeof Button>,
-  'onClick'
-> & {
+type ImportDiagramButtonProps = Omit<ButtonProps, 'onClick'> & {
   onImportDiagram: (file: File) => void;
 };
 
 export const ImportDiagramButton = ({
   onImportDiagram,
   ...buttonProps
-}: importDiagramButtonProps) => {
+}: ImportDiagramButtonProps) => {
   return (
     <FileSelector
       id="import-diagram-file-input"