почему findByType не находит свойство?

Добрый день пишу тесты для компонентов у меня есть основное компонент Icon

const Icon: React.FC<IIconPropTypes> = ({ size, color, icon, onClick, blockEvents }) => (
  <IconWrapper onClick={onClick} blockEvents={blockEvents}>
    <IconSvg color={color} hasClick={!!onClick} width={size}>
      <path d={ICONS_PATH[icon]} />
    </IconSvg>
  </IconWrapper>
);

и IconSvg который я тестирую

const IconSvg = styled.svg<IIconSvgProps>`
  cursor: ${(props) => (props.hasClick ? 'pointer' : 'default')};
  display: inline-block;
  vertical-align: middle;
  width: ${(props) => (props.width ? `${props.width}px` : '100%')};
  path {
    fill: ${(props) => (props.color ? props.color : '#edcd7d')};
    transition: all 0.3s;
  }
`;

Вот как выглядит мой тест

it('matches snapshot and renders without color prop', () => {
    const [hasClick, width] = [true, 100];
    const component = renderer.create(<IconSvg hasClick={hasClick} width={width}/>);
    const tree = component.toJSON() as ReactTestRendererJSON;
    expect(tree).toMatchSnapshot();
    expect(component.root.findByType('path')).toHaveStyleRule('fill', '#edcd7d');
  })

Но findByType не может найти path , и соответственно свойсто fill , может кто-нибудь знает в чем ошибка и как до него доятнуться?