score:0

Accepted answer

I assume that what you want is customize your MultiValue component in order to make it animated.

You can see in the documentation for animated components that makeAnimated method create a wrapper for components passed as arguments and:

If no arguments are passed, built-in components are wrapped instead.

In your code this is the built-in MultiValue component that will be animated

If this is what you want you have to pass you custom MultiValue as argument to makeAnimated and use animatedComponents in the components props of Select

// Animated components
  const animatedComponents = makeAnimated({ MultiValue: CustomMultiValue });

...

<Select
      isMulti
      components={animatedComponents}
      ...
/>

You can try it in this code sandbox where the MultiValue is animated and customized to display a custom label

https://codesandbox.io/s/clever-payne-ehi8t?file=/src/App.tsx


Related Query

More Query from same tag