Duplicate type imports with expandProp + native + typescript

[atomicpages]

Hey there! First and foremost, I've been a big fan of this project for many years. Thank you for maintaining it! I found a bug with react-native w/ typescript codegen. I created a repro example here: https://stackblitz.com/edit/stackblitz-starters-hxprjb

The issue is when I combine native and typescript in my config I have conflicting imports.

import * as React from "react";

import Svg, { Path } from "react-native-svg";
//     ^^^   ^^^^^
import type { SvgProps, Svg, Path } from "react-native-svg";
//                      ^^^^^^^^^

import { Ref, forwardRef, memo } from "react";
const SvgPlus = (props: SvgProps, ref: Ref<SVGSVGElement>) => (
  <Svg
    xmlns="http://www.w3.org/2000/svg"
    xmlSpace="preserve"
    width={24}
    height={24}
    style={{
      enableBackground: "new 0 0 512 512",
    }}
    viewBox="0 0 512 512"
    ref={ref}
    {...props}
  >
    <Path d="M256 32C132.3 32 32 132.3 32 256s100.3 224 224 224 224-100.3 224-224S379.7 32 256 32zm128 240H272v112h-32V272H128v-32h112V128h32v112h112v32z" />
  </Svg>
);
const ForwardRef = forwardRef(SvgPlus);
const Memo = memo(ForwardRef);
export default Memo;

svgr/packages/babel-plugin-transform-svg-component/src/variables.ts

Lines 44 to 62 in 82928f0

	const tsTypeReferenceSVGProps = (ctx: Context) => {
	if (ctx.opts.native) {
	const identifier = t.identifier('SvgProps')
	getOrCreateImport(ctx, 'react-native-svg', 'type').specifiers.push(
	t.importSpecifier(identifier, identifier),
	)
	return t.tsTypeReference(identifier)
	}
	const identifier = t.identifier('SVGProps')
	getOrCreateImport(ctx, ctx.importSource, 'type').specifiers.push(
	t.importSpecifier(identifier, identifier),
	)
	return t.tsTypeReference(
	identifier,
	t.tsTypeParameterInstantiation([
	t.tsTypeReference(t.identifier('SVGSVGElement')),
	]),
	)
	}

and it's usage here:

svgr/packages/babel-plugin-transform-svg-component/src/variables.ts

Lines 195 to 202 in 82928f0

	if (opts.expandProps) {
	const identifier = t.identifier('props')
	if (t.isObjectPattern(props[0])) {
	props[0].properties.push(t.restElement(identifier))
	if (opts.typescript) {
	props[0].typeAnnotation = t.tsTypeAnnotation(
	t.tsIntersectionType([
	tsTypeReferenceSVGProps(ctx),

If I set expandProps to false the duplicate imports don't show up. I'm happy to contribute a fix, but I want to discuss solutions before I dive into the deep