Can you automatically extract React components from JSX?

I’m working on a React translation of a website exported from a design tool called Webflow. The export contains the html and css I need to create the page. I’ve found a tool to translate the HTML into React, but now I want to turn segments of the translated code into components automatically in a similar way.

There are two tools I’ve found to do this:

  1. Glean,
  2. VScode Refactor

They both allow you to turn a snippet of JSX into a component within the same module, but they don’t automatically use the <Component></Component> syntax, they can’t be named on creation, and they don’t allow you to spin out that snippet into a new file. All of which are features I would really like.

Are these the only two options for automatically generated react Components? Or is there a better way?