update-react-imports: Preserve quotes

Author: gaearon

transforms/__testfixtures__/update-react-imports/react-jsx-member-expression.output.js

@@ -1,3 +1,3 @@
-import { Fragment, useState } from "react";
+import { Fragment, useState } from 'react';
 
-<Fragment />
+<Fragment />

transforms/update-react-imports.js

@@ -71,6 +71,8 @@ module.exports = function(file, api, options) {
  }
 
  const reactPath = reactPaths.paths()[0];
+ // Reuse the node so that we can preserve quoting style.
+ const reactLiteral = reactPath.value.source;
 
  const isDefaultImport = reactPath.value.specifiers.some(
  specifier =>
@@ -276,12 +278,12 @@ module.exports = function(file, api, options) {
 
  if (regularImports.length > 0) {
  j(reactPath).insertAfter(
- j.importDeclaration(regularImports, j.literal('react')),
+ j.importDeclaration(regularImports, reactLiteral),
  );
  }
  if (typeImports.length > 0) {
  j(reactPath).insertAfter(
- j.importDeclaration(typeImports, j.literal('react'), 'type'),
+ j.importDeclaration(typeImports, reactLiteral, 'type'),
  );
  }
 
@@ -301,7 +303,7 @@ module.exports = function(file, api, options) {
  j(path).insertAfter(
  j.importDeclaration(
  [j.importDefaultSpecifier(j.identifier('React'))],
- j.literal('react'),
+ reactLiteral,
  'type',
  ),
  );
@@ -326,7 +328,7 @@ module.exports = function(file, api, options) {
  j(reactPath).insertAfter(
  j.importDeclaration(
  [j.importNamespaceSpecifier(j.identifier('React'))],
- j.literal('react'),
+ reactLiteral,
  ),
  );
  }
@@ -345,12 +347,12 @@ module.exports = function(file, api, options) {
  }
  if (regularImports.length > 0) {
  j(reactPath).insertAfter(
- j.importDeclaration(regularImports, j.literal('react')),
+ j.importDeclaration(regularImports, reactLiteral),
  );
  }
  if (typeImports.length > 0) {
  j(reactPath).insertAfter(
- j.importDeclaration(typeImports, j.literal('react'), 'type'),
+ j.importDeclaration(typeImports, reactLiteral, 'type'),
  );
  }
  }