const StyledSwiper = styled(Swiper)`
// содержимое .heroSlider
`;
render(
<StyledSwiper
wrapperTag='ul'
allowTouchMove={false}
speed={600}
>
...
</Swiper>
);const commonStyles = styled.div`
svg {
display: flex;
color: ${(props) => props.theme.colors.primary};
font-size: 50px;
cursor: pointer;
}
`
export const PrevBtn = commonStyles
export const NextBtn = commonStylesОшибка: тип элемента недействителен: ожидается строка (для встроенных компонентов) или класс / функция (для составных компонентов), но получено: undefined. Скорее всего, вы забыли экспортировать свой компонент из файла, в котором он определен, или вы могли перепутать импорт по умолчанию и именованный импорт.