diff --git a/README.md b/README.md
index 58886b4..55bae07 100644
--- a/README.md
+++ b/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
diff --git a/snippets/snippets-ts.json b/snippets/snippets-ts.json
index b15f008..58170e7 100644
--- a/snippets/snippets-ts.json
+++ b/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 }"
   },
 
diff --git a/snippets/snippets.json b/snippets/snippets.json
index 5cf2c7d..e564dc2 100644
--- a/snippets/snippets.json
+++ b/snippets/snippets.json
@@ -1,20 +1,24 @@
 {
   "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 }"
   },
@@ -22,7 +26,8 @@
   "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 }"
   },