Merge pull request #324 from csandman/fix/correct-type-export

Author: csandman

src/index.ts

@@ -1,14 +1,6 @@
 /* eslint-disable @typescript-eslint/no-unused-vars */
 import type { SystemStyleObject } from "@chakra-ui/system";
 import type { GroupBase, StylesConfig, ThemeConfig } from "react-select";
-
-/**
- * This is necessary for the module `react-select/base` to be seen by TypeScript.
- * Without it the module augmentation will not work properly.
- *
- * @see {@link https://github.com/JedWatson/react-select/pull/5762#issuecomment-1765467219}
- */
-import type { Props } from "react-select/base";
 import type {
   ChakraStylesConfig,
   ColorScheme,
@@ -18,6 +10,15 @@ import type {
   Variant,
 } from "./types";
 
+/**
+ * This is necessary for the module `react-select/base` to be seen by TypeScript.
+ * Without it the module augmentation will not work properly.
+ *
+ * @see {@link https://github.com/JedWatson/react-select/pull/5762#issuecomment-1765467219}
+ * @see {@link https://github.com/JedWatson/react-select/pull/5762#issuecomment-1766814503}
+ */
+export type { Props as ReactSelectBaseProps } from "react-select/base";
+
 /**
  * Module augmentation is used to add extra props to the existing interfaces
  * from `react-select` as per the docs
@@ -211,34 +212,34 @@ declare module "react-select/base" {
 
 declare module "react-select" {
   export interface MultiValueProps<
-    Option,
-    IsMulti extends boolean,
-    Group extends GroupBase<Option>,
+    Option = unknown,
+    IsMulti extends boolean = boolean,
+    Group extends GroupBase<Option> = GroupBase<Option>,
   > {
     sx: SystemStyleObject;
   }
 
   export interface MultiValueGenericProps<
-    Option,
-    IsMulti extends boolean,
-    Group extends GroupBase<Option>,
+    Option = unknown,
+    IsMulti extends boolean = boolean,
+    Group extends GroupBase<Option> = GroupBase<Option>,
   > {
     sx: SystemStyleObject;
   }
 
   export interface MultiValueRemoveProps<
-    Option,
-    IsMulti extends boolean,
-    Group extends GroupBase<Option>,
+    Option = unknown,
+    IsMulti extends boolean = boolean,
+    Group extends GroupBase<Option> = GroupBase<Option>,
   > {
     isFocused: boolean;
     sx: SystemStyleObject;
   }
 
   export interface LoadingIndicatorProps<
-    Option,
-    IsMulti extends boolean,
-    Group extends GroupBase<Option>,
+    Option = unknown,
+    IsMulti extends boolean = boolean,
+    Group extends GroupBase<Option> = GroupBase<Option>,
   > {
     /**
      * The color of the filled in area of the spinner.
@@ -324,7 +325,6 @@ export type {
 
 // Forward all available exports from the original `react-select` package
 export * from "react-select";
-export type { Props };
 export { useAsync } from "react-select/async";
 export { useCreatable } from "react-select/creatable";
 export type { AsyncProps } from "react-select/async";