Has anyone been using react-select with styled-components v6 in Storybook?

[eina]

I'm encountering a particular error right now on Storybook and I'm not really sure how to solve it without redoing our current implementation. Was wondering if anyone's encountered something similar to this and how they've solved it?

For our implementation, we use styled-components to style react-select components. We style the components and add them in like this:

  components: {
    Option: CustomOption,
  },

CustomOption looks like this:

const CustomOption = (props) => {
  const { children } = props;

  return (
    <StyledCustomOptionContainer {...props}>
      <StyledCustomOption>{children}</StyledCustomOption>
    </StyledCustomOptionContainer>
  );
};

And the styling looks like this:

const StyledCustomOptionContainer = styled(ReactSelectComponents.Option)`
  [ styles here ]
`;

If I replace StyledCustomOptionContainer with ReactSelectComponents.Option the error does go away, but ideally I'd love to be able to keep the way we're styling these atm.

Thanks!