Merge pull request #292 from csandman/fix/module-augmentation

package.json

@@ -45,7 +45,7 @@
   "sideEffects": false,
   "types": "dist/types/index.d.ts",
   "dependencies": {
-    "react-select": "5.7.0"
+    "react-select": "5.7.7"
   },
   "peerDependencies": {
     "@chakra-ui/form-control": "^2.0.0",

src/module-augmentation.ts

@@ -9,13 +9,21 @@ 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}
+ */
+export type {} from "react-select/base";
+
 /**
  * Module augmentation is used to add extra props to the existing interfaces
  * from `react-select` as per the docs
  *
  * @see {@link https://react-select.com/typescript#custom-select-props}
  */
-declare module "react-select/dist/declarations/src/Select" {
+declare module "react-select/base" {
   export interface Props<
     Option,
     IsMulti extends boolean,
@@ -197,7 +205,7 @@ declare module "react-select/dist/declarations/src/Select" {
   }
 }
 
-declare module "react-select/dist/declarations/src/components/MultiValue" {
+declare module "react-select" {
   export interface MultiValueProps<
     Option,
     IsMulti extends boolean,
@@ -222,9 +230,7 @@ declare module "react-select/dist/declarations/src/components/MultiValue" {
     isFocused: boolean;
     sx: SystemStyleObject;
   }
-}
 
-declare module "react-select/dist/declarations/src/components/indicators" {
   export interface LoadingIndicatorProps<
     Option,
     IsMulti extends boolean,