From c03082a2318e2d88de280f54517b62546b14b429 Mon Sep 17 00:00:00 2001
From: Rallen <rallen@gruppe-w.de>
Date: Thu, 20 Jan 2022 22:18:29 +0100
Subject: [PATCH 1/4] Fix prop warnings on animated DummyInput

---
 packages/react-select/src/internal/DummyInput.tsx | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/packages/react-select/src/internal/DummyInput.tsx b/packages/react-select/src/internal/DummyInput.tsx
index 2286f019a5..e0c666daa4 100644
--- a/packages/react-select/src/internal/DummyInput.tsx
+++ b/packages/react-select/src/internal/DummyInput.tsx
@@ -1,6 +1,7 @@
 /** @jsx jsx */
 import { Ref } from 'react';
 import { jsx } from '@emotion/react';
+import { TransitionProps } from 'react-transition-group/Transition';
 
 export default function DummyInput({
   innerRef,
@@ -8,10 +9,13 @@ export default function DummyInput({
 }: JSX.IntrinsicElements['input'] & {
   readonly innerRef: Ref<HTMLInputElement>;
 }) {
+  // Remove animation props not meant for HTML elements
+  const { onExited, in: _, enter, exit, appear, ...noAnimProps } = props as (JSX.IntrinsicElements['input'] & Partial<TransitionProps>);
+
   return (
     <input
       ref={innerRef}
-      {...props}
+      {...noAnimProps}
       css={{
         label: 'dummyInput',
         // get rid of any default styles

From 92f07dc6156ba074cbd8f19d8f61d8934541f3a6 Mon Sep 17 00:00:00 2001
From: Rall3n <nb.rallen@gmail.com>
Date: Tue, 8 Feb 2022 14:04:57 +0100
Subject: [PATCH 2/4] Alternative way to remove props.

---
 packages/react-select/src/internal/DummyInput.tsx |  6 +++---
 packages/react-select/src/utils.ts                | 12 ++++++++++++
 2 files changed, 15 insertions(+), 3 deletions(-)

diff --git a/packages/react-select/src/internal/DummyInput.tsx b/packages/react-select/src/internal/DummyInput.tsx
index e0c666daa4..d4fc839c58 100644
--- a/packages/react-select/src/internal/DummyInput.tsx
+++ b/packages/react-select/src/internal/DummyInput.tsx
@@ -1,7 +1,7 @@
 /** @jsx jsx */
 import { Ref } from 'react';
 import { jsx } from '@emotion/react';
-import { TransitionProps } from 'react-transition-group/Transition';
+import { removeProps } from '../utils';
 
 export default function DummyInput({
   innerRef,
@@ -10,12 +10,12 @@ export default function DummyInput({
   readonly innerRef: Ref<HTMLInputElement>;
 }) {
   // Remove animation props not meant for HTML elements
-  const { onExited, in: _, enter, exit, appear, ...noAnimProps } = props as (JSX.IntrinsicElements['input'] & Partial<TransitionProps>);
+  const filteredProps = removeProps(props, 'onExited', 'in', 'enter', 'exit', 'appear');
 
   return (
     <input
       ref={innerRef}
-      {...noAnimProps}
+      {...filteredProps}
       css={{
         label: 'dummyInput',
         // get rid of any default styles
diff --git a/packages/react-select/src/utils.ts b/packages/react-select/src/utils.ts
index 48bdfac202..78df18c44e 100644
--- a/packages/react-select/src/utils.ts
+++ b/packages/react-select/src/utils.ts
@@ -367,3 +367,15 @@ export function multiValueAsValue<Option, IsMulti extends boolean>(
 ): OnChangeValue<Option, IsMulti> {
   return multiValue as OnChangeValue<Option, IsMulti>;
 }
+
+export const removeProps = <Props extends object, K extends string[]>(
+  propsObj: Props,
+  ...properties: K
+): Omit<Props, K[number]> => {
+  let propsMap = Object.entries(propsObj).filter(([key]) => !properties.includes(key));
+
+  return propsMap.reduce((newProps: { [key: string]: any }, [key, val]) => {
+    newProps[key] = val;
+    return newProps;
+  }, {}) as Omit<Props, K[number]>;
+};

From f5cba28429469ad67c79198f53fff0deb87b271f Mon Sep 17 00:00:00 2001
From: Rall3n <nb.rallen@gmail.com>
Date: Tue, 8 Feb 2022 14:16:54 +0100
Subject: [PATCH 3/4] Prettier changes

---
 packages/react-select/src/internal/DummyInput.tsx | 9 ++++++++-
 packages/react-select/src/utils.ts                | 4 +++-
 2 files changed, 11 insertions(+), 2 deletions(-)

diff --git a/packages/react-select/src/internal/DummyInput.tsx b/packages/react-select/src/internal/DummyInput.tsx
index d4fc839c58..4dd19134ae 100644
--- a/packages/react-select/src/internal/DummyInput.tsx
+++ b/packages/react-select/src/internal/DummyInput.tsx
@@ -10,7 +10,14 @@ export default function DummyInput({
   readonly innerRef: Ref<HTMLInputElement>;
 }) {
   // Remove animation props not meant for HTML elements
-  const filteredProps = removeProps(props, 'onExited', 'in', 'enter', 'exit', 'appear');
+  const filteredProps = removeProps(
+    props,
+    'onExited',
+    'in',
+    'enter',
+    'exit',
+    'appear'
+  );
 
   return (
     <input
diff --git a/packages/react-select/src/utils.ts b/packages/react-select/src/utils.ts
index 78df18c44e..a65a3eb91b 100644
--- a/packages/react-select/src/utils.ts
+++ b/packages/react-select/src/utils.ts
@@ -372,7 +372,9 @@ export const removeProps = <Props extends object, K extends string[]>(
   propsObj: Props,
   ...properties: K
 ): Omit<Props, K[number]> => {
-  let propsMap = Object.entries(propsObj).filter(([key]) => !properties.includes(key));
+  let propsMap = Object.entries(propsObj).filter(
+    ([key]) => !properties.includes(key)
+  );
 
   return propsMap.reduce((newProps: { [key: string]: any }, [key, val]) => {
     newProps[key] = val;

From f1d780c4e98d121d5e4be5f78d32033f3cdbf749 Mon Sep 17 00:00:00 2001
From: Rall3n <nb.rallen@gmail.com>
Date: Tue, 8 Feb 2022 14:19:06 +0100
Subject: [PATCH 4/4] Add changeset

---
 .changeset/wet-knives-punch.md | 5 +++++
 1 file changed, 5 insertions(+)
 create mode 100644 .changeset/wet-knives-punch.md

diff --git a/.changeset/wet-knives-punch.md b/.changeset/wet-knives-punch.md
new file mode 100644
index 0000000000..511a0192f9
--- /dev/null
+++ b/.changeset/wet-knives-punch.md
@@ -0,0 +1,5 @@
+---
+'react-select': patch
+---
+
+Prevent transition props from being forwarded to `<input>` element in `DummyInput` component