Ref list of Multi Value components on parent

[danielpaz6]

Hello,

I disabled wrap when choosing mutli values by applying the following style:

valueContainer: (provided, state) => ({
  ...provided,
  flexWrap: 'no-wrap',
  overflowX: 'auto',
}),
multiValue: (provided, state) => ({
  ...provided,
  flexShrink: 0,
}),

The issue I'm facing right now:
Whenever I use my left/right arrows to focus a multi Value, the scroll doesn't follow it and hence I am not able to see the multi value on the screen.

What I thought to do is to get the ref of the selected multi value + the container so I could scrollTo the desired multi value.

I am not sure how I can get a ref list of multi value and the container in the parent component.
How can I do that? and is my solution is a good one?