React / Typescript VsCode Refactoring Question

This is more general react related but wondering if maybe people know how I can phrase this question

Let's say I have something like this
and I am writing the ExternalTransactionList component in the same file because i'm prototyping, now I want to move it into a new file, so I want to have a seperate type for the component
The merged list is a fixed type but it's kind of complex as it's inferred from a lot of things, so I don't want to find where to import from necessarily to create this type
      <ExternalTransactionList list={mergedList} />


Is there a refactoring setting in vscode where I can extract the type as a seperate type so I can use it in the prop types and it will be auto imported?
image.png
Was this page helpful?