[import/consistent-type-specifier-style] Autofix creates syntax errors and unprettified results

[KirillGalimov]

Config:

'import/consistent-type-specifier-style': ['error', 'prefer-top-level']

Case 1:

input

import React, { createContext, type Reducer } from 'react';

export const Component = ({ propOne, propTwo }) => {
  return null;
};

output

import React, { createContext  } from 'react'; // unnecessary space added
import type {Reducer} from 'react'; // necessary spaces not added

export const Component = ({ propOne propTwo }) => { // comma removed (syntax error)
  return null;
};

Case 2:

input

import React, { createContext, type Reducer } from 'react';
import { useLocation, useHistory } from 'react-router';

export const Component = ({ propOne, propTwo }) => {
  return null;
};

output

import React, { createContext  } from 'react'; // unnecessary space added
import type {Reducer} from 'react'; // necessary spaces not added
import { useLocation useHistory } from 'react-router'; // comma removed (syntax error)

export const Component = ({ propOne, propTwo }) => {
  return null;
};

[makuko]

I noticed the same behavior. It removes commas in random places unrelated to imports.

[ljharb]

This is a major bug, thanks for reporting it.

"unprettified results" are never a bug; formatting is expected to be handled by other rules - but producing a syntax error is unacceptable, and additionally this rule should only be touching imports.

[aaronadamsCA]

Note this seems to be a duplicate of #2753, fixed in #2754; the fix remains unreleased.

[ljharb]

Thanks! Closed as a duplicate of #2753.

I'll try to get a release out soon.