Import * as React even in JS

README.md

@@ -51,24 +51,28 @@ that work the way that you would expect, not just a copy of the documentation.
 ### imr - Import React
 
 ```javascript
-import React from 'react';
+import * as React from 'react';
 ```
 
 ### imrc - Import React, Component
 
 ```javascript
-import React, { Component } from 'react';
+import * as React from 'react';
+import { Component } from 'react';
 ```
+
 ### imrs - Import React, useState
 
 ```javascript
-import React, { useState } from 'react';
+import * as React from 'react';
+import { useState } from 'react';
 ```
 
 ### imrse - Import React, useState, useEffect
 
 ```javascript
-import React, { useState, useEffect } from 'react';
+import * as React from 'react';
+import { useState, useEffect } from 'react';
 ```
 
 ### impt - Import PropTypes
@@ -80,7 +84,8 @@ import PropTypes from 'prop-types';
 ### impc - Import PureComponent
 
 ```javascript
-import React, { PureComponent } from 'react';
+import * as React from 'react';
+import { PureComponent } from 'react';
 ```
 
 ### cc - Class Component

snippets/snippets-ts.json

@@ -34,7 +34,10 @@
 
   "Import Pure Component": {
     "prefix": "impc",
-    "body": ["import React, { PureComponent } from 'react';"],
+    "body": [
+      "import * as React from 'react';",
+      "import { PureComponent } from 'react';"
+    ],
     "description": "Import React, { PureComponent }"
   },
 

snippets/snippets.json

@@ -1,28 +1,33 @@
 {
   "Import React": {
     "prefix": "imr",
-    "body": ["import React from 'react';"],
+    "body": ["import * as React from 'react';"],
     "description": "Import React"
   },
 
-  "Import React, { Component }": {
+  "Import React and Component": {
     "prefix": "imrc",
-    "body": ["import React, { Component } from 'react';"],
+    "body": [
+      "import * as React from 'react';",
+      "import { Component } from 'react';"
+    ],
     "description": "Import React, { Component }"
   },
 
   "Import React, { useState }": {
     "prefix": "imrs",
     "body": [
-      "import React, { useState } from 'react';"
+      "import * as React from 'react';",
+      "import { useState } from 'react';"
     ],
     "description": "Import React, { useState }"
   },
 
   "Import React, { useState, useEffect }": {
     "prefix": "imrse",
     "body": [
-      "import React, { useState, useEffect } from 'react';"
+      "import * as React from 'react';",
+      "import { useState, useEffect } from 'react';"
     ],
     "description": "Import React, { useState, useEffect }"
   },
@@ -35,7 +40,10 @@
 
   "Import Pure Component": {
     "prefix": "impc",
-    "body": ["import React, { PureComponent } from 'react';"],
+    "body": [
+      "import * as React from 'react';",
+      "import { PureComponent } from 'react';"
+    ],
     "description": "Import React, { PureComponent }"
   },