fallback title is not working about svgr HOT 1 OPEN

import * as React from "react"
import { SVGProps } from "react"
interface SVGRProps {
  title?: string;
  titleId?: string;
}
const SvgComponent = ({
  title,
  titleId,
  ...props
}: SVGProps<SVGSVGElement> & SVGRProps) => (
  <svg
    xmlns="http://www.w3.org/2000/svg"
    width={48}
    height={1}
    title="abc"
    aria-labelledby={titleId}
    {...props}
  >
    {title === undefined ? (
      <title id={titleId}>{"Rectangle 5"}</title>
    ) : title ? (
      <title id={titleId}>{title}</title>
    ) : null}
    <path fill="currentColor" fillRule="evenodd" d="M0 0h48v1H0z" />
  </svg>
)
export default SvgComponent