У меня есть изображение SVG, которое я хочу использовать в качестве фона в стилевом компоненте.
Мой код выглядит следующим образом
import { ReactComponent as BackgroundImage } from './img/BackgroundImage.svg';
const StyledDiv = styled.div`
background: url(${BackgroundImage});
`
Это выдает ошибку, котораяошибка машинописного текста.
Аргумент типа 'FunctionComponent>' не может быть назначен параметру типа 'Interpolation & SVGProps & {children ?: ReactNode;}, any >> '.
вот код для svg
<svg width="11px" height="12px" viewBox="0 0 11 12" xmlns="http://www.w3.org/2000/svg">
<path d="M5.984 10.08l4.324-4.445.692.711L5.5 12 0 6.346l.692-.71 4.324 4.444V0h.968z" fill="currentColor" fill-rule="evenodd"/>
</svg>