Remove unnecessary createStyles

mui · Jul 30, 2020 · 8c636fa · 8c636fa
1 parent 4749555
commit 8c636fa
Show file tree

Hide file tree

Showing 3 changed files with 24 additions and 30 deletions.
diff --git a/docs/src/pages/components/tree-view/FileSystemNavigator.tsx b/docs/src/pages/components/tree-view/FileSystemNavigator.tsx
@@ -1,19 +1,17 @@
 import React from 'react';
-import { createStyles, makeStyles } from '@material-ui/core/styles';
+import { makeStyles } from '@material-ui/core/styles';
 import TreeView from '@material-ui/lab/TreeView';
 import ExpandMoreIcon from '@material-ui/icons/ExpandMore';
 import ChevronRightIcon from '@material-ui/icons/ChevronRight';
 import TreeItem from '@material-ui/lab/TreeItem';
 
-const useStyles = makeStyles(
-  createStyles({
-    root: {
-      height: 240,
-      flexGrow: 1,
-      maxWidth: 400,
-    },
-  }),
-);
+const useStyles = makeStyles({
+  root: {
+    height: 240,
+    flexGrow: 1,
+    maxWidth: 400,
+  },
+});
 
 export default function FileSystemNavigator() {
   const classes = useStyles();

diff --git a/docs/src/pages/components/tree-view/MultiSelectTreeView.tsx b/docs/src/pages/components/tree-view/MultiSelectTreeView.tsx
@@ -1,19 +1,17 @@
 import React from 'react';
-import { createStyles, makeStyles } from '@material-ui/core/styles';
+import { makeStyles } from '@material-ui/core/styles';
 import TreeView from '@material-ui/lab/TreeView';
 import ExpandMoreIcon from '@material-ui/icons/ExpandMore';
 import ChevronRightIcon from '@material-ui/icons/ChevronRight';
 import TreeItem from '@material-ui/lab/TreeItem';
 
-const useStyles = makeStyles(
-  createStyles({
-    root: {
-      height: 216,
-      flexGrow: 1,
-      maxWidth: 400,
-    },
-  }),
-);
+const useStyles = makeStyles({
+  root: {
+    height: 216,
+    flexGrow: 1,
+    maxWidth: 400,
+  },
+});
 
 export default function MultiSelectTreeView() {
   const classes = useStyles();

diff --git a/docs/src/pages/components/tree-view/RichObjectTreeView.tsx b/docs/src/pages/components/tree-view/RichObjectTreeView.tsx
@@ -1,5 +1,5 @@
 import React from 'react';
-import { createStyles, makeStyles } from '@material-ui/core/styles';
+import { makeStyles } from '@material-ui/core/styles';
 import TreeView from '@material-ui/lab/TreeView';
 import ExpandMoreIcon from '@material-ui/icons/ExpandMore';
 import ChevronRightIcon from '@material-ui/icons/ChevronRight';
@@ -32,15 +32,13 @@ const data: RenderTree = {
   ],
 };
 
-const useStyles = makeStyles(
-  createStyles({
-    root: {
-      height: 110,
-      flexGrow: 1,
-      maxWidth: 400,
-    },
-  }),
-);
+const useStyles = makeStyles({
+  root: {
+    height: 110,
+    flexGrow: 1,
+    maxWidth: 400,
+  },
+});
 
 export default function RichObjectTreeView() {
   const classes = useStyles();