Specs generated from Storybook use .tsx in import path which is disallowed by the TS compiler

[sync-by-unito]

When you go through the migration process & choose to create a spec from a Storybook story, the generated file has the line:

import * as stories from "./MyStoryFile.stories.tsx"

This causes the TypeScript compiler/linter to complain:

An import path cannot end with a '.tsx' extension. Consider importing './MyStoryFile.stories.js' instead.ts(2691)

{panel:bgColor=#deebff}
Discussion of this TS limitation here: microsoft/TypeScript#27481
{panel}

┆Issue is synchronized with this Jira Bug by Unito
┆author: Matthew Simpson
┆epic: CT API related issues
┆friendlyId: UNIFY-1132
┆priority: Low
┆sprint: Unification Release Backlog
┆taskType: Bug

[sync-by-unito]

➤ Zach Williams commented:

The only files that should include the extension are vue files. Looks to be a regression from #19862 ( https://github.com/cypress-io/cypress/pull/19862|smart-link )

[ZachJW34]

Create from Storybook component was removed in 10.0