JAVASCRIPT

adding data attributes to react-select

import React, { Component } from 'react';
import ReactSelect, { components } from 'react-select';

export function SelectContainer<T extends OptionTypeBase>(props: ContainerProps<T, boolean, GroupTypeBase<T>>) {
   return (
      <components.SelectContainer
         {...props}
         innerProps={Object.assign({}, props.innerProps, { 'data-cy': 'testing' })}
      />
   );
}

class Select extends Component {
  render() {
    return (
      <ReactSelect
        components={{ SelectContainer }}
      />
    );
  }
}