使用下陷作为背景图像样式组件

Question

我有一个svg图像，要用作样式组件中的背景。

我的代码如下

import { ReactComponent as BackgroundImage } from './img/BackgroundImage.svg';

const StyledDiv = styled.div`
   background: url(${BackgroundImage});
`

出现错误，这是打字稿错误。

  

类型'FunctionComponent>'的参数不能分配给类型'Interpolation＆SVGProps＆{children ?: ReactNode; }，任何>>'。

这是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>