Forward Ref with SVG

const ComponentToRender = dynamic(() => import('./../lib/assets/svg/1.svg'), {
    loading: () => <p>Loading...</p>,
  })
  // eslint-disable-next-line react/display-name
  const ForwardedRefComponent = React.forwardRef((props, ref) => (
#  I get an error here
<ComponentToRender {...props} forwaredRef={ref}/>
))

const ComponentToRender = dynamic(() => import('./../lib/assets/svg/1.svg'), {
    loading: () => <p>Loading...</p>,
  })
  // eslint-disable-next-line react/display-name
  const ForwardedRefComponent = React.forwardRef((props, ref) => (
#  I get an error here
<ComponentToRender {...props} forwaredRef={ref}/>
))