diff --git a/website/playground/BottomBar.js b/website/playground/BottomBar.js
index 365479e95..61a87822f 100644
--- a/website/playground/BottomBar.js
+++ b/website/playground/BottomBar.js
@@ -1,5 +1,5 @@
-import React from "react";
-import ReactDOM from "react-dom";
+import * as React from "react";
+import * as ReactDOM from "react-dom";
 
 const root = document.getElementById("bottom-bar");
 
diff --git a/website/playground/EditorState.js b/website/playground/EditorState.js
index 034b8a06f..c56478bb6 100644
--- a/website/playground/EditorState.js
+++ b/website/playground/EditorState.js
@@ -1,4 +1,4 @@
-import React from "react";
+import * as React from "react";
 
 import { stateToggler, shallowEqual } from "./helpers";
 import * as storage from "./storage";
diff --git a/website/playground/Playground.js b/website/playground/Playground.js
index 58f21a201..48574dd15 100644
--- a/website/playground/Playground.js
+++ b/website/playground/Playground.js
@@ -1,4 +1,4 @@
-import React from "react";
+import * as React from "react";
 
 import { Button, ClipboardButton } from "./buttons";
 import EditorState from "./EditorState";
diff --git a/website/playground/PrettierFormat.js b/website/playground/PrettierFormat.js
index 16cd4c268..7a6ff45b0 100644
--- a/website/playground/PrettierFormat.js
+++ b/website/playground/PrettierFormat.js
@@ -1,4 +1,4 @@
-import React from "react";
+import * as React from "react";
 
 export default class PrettierFormat extends React.Component {
   constructor() {
diff --git a/website/playground/VersionLink.js b/website/playground/VersionLink.js
index 6f1fa136e..c8929c456 100644
--- a/website/playground/VersionLink.js
+++ b/website/playground/VersionLink.js
@@ -1,5 +1,5 @@
-import React from "react";
-import ReactDOM from "react-dom";
+import * as React from "react";
+import * as ReactDOM from "react-dom";
 
 const root = document.getElementById("version");
 
diff --git a/website/playground/buttons.js b/website/playground/buttons.js
index f104752c7..f73174bc5 100644
--- a/website/playground/buttons.js
+++ b/website/playground/buttons.js
@@ -1,4 +1,4 @@
-import React from "react";
+import * as React from "react";
 import ClipboardJS from "clipboard";
 
 export const Button = React.forwardRef((props, ref) => (
diff --git a/website/playground/index.js b/website/playground/index.js
index 70e1cec89..fe847770b 100644
--- a/website/playground/index.js
+++ b/website/playground/index.js
@@ -1,7 +1,7 @@
 import "codemirror-graphql/mode";
 
-import React from "react";
-import ReactDOM from "react-dom";
+import * as React from "react";
+import * as ReactDOM from "react-dom";
 
 import Playground from "./Playground";
 import VersionLink from "./VersionLink";
diff --git a/website/playground/panels.js b/website/playground/panels.js
index 4326a10e8..6092d6569 100644
--- a/website/playground/panels.js
+++ b/website/playground/panels.js
@@ -1,5 +1,5 @@
 import CodeMirror from "codemirror";
-import React from "react";
+import * as React from "react";
 
 class CodeMirrorPanel extends React.Component {
   constructor() {
diff --git a/website/playground/sidebar/SidebarOptions.js b/website/playground/sidebar/SidebarOptions.js
index ca7150496..c6b8e080a 100644
--- a/website/playground/sidebar/SidebarOptions.js
+++ b/website/playground/sidebar/SidebarOptions.js
@@ -1,4 +1,4 @@
-import React from "react";
+import * as React from "react";
 import groupBy from "lodash/groupBy";
 
 import { SidebarCategory } from "./components";
diff --git a/website/playground/sidebar/components.js b/website/playground/sidebar/components.js
index 38710d240..5725ba98b 100644
--- a/website/playground/sidebar/components.js
+++ b/website/playground/sidebar/components.js
@@ -1,4 +1,4 @@
-import React from "react";
+import * as React from "react";
 
 export function Sidebar({ visible, children }) {
   return (
diff --git a/website/playground/sidebar/inputs.js b/website/playground/sidebar/inputs.js
index 6eb1bc00f..eae51b615 100644
--- a/website/playground/sidebar/inputs.js
+++ b/website/playground/sidebar/inputs.js
@@ -1,4 +1,4 @@
-import React from "react";
+import * as React from "react";
 
 export function Checkbox({ label: _label, title, checked, onChange }) {
   return (
diff --git a/website/playground/sidebar/options.js b/website/playground/sidebar/options.js
index 3a758381f..8c81e4622 100644
--- a/website/playground/sidebar/options.js
+++ b/website/playground/sidebar/options.js
@@ -1,4 +1,4 @@
-import React from "react";
+import * as React from "react";
 
 import { Checkbox, Select, NumberInput } from "./inputs";