update/with-react-jss (#15156)

Use hooks with jss

examples/with-react-jss/package.json

@@ -8,9 +8,9 @@
   },
   "dependencies": {
     "next": "latest",
-    "react": "^16.7.0",
-    "react-dom": "^16.7.0",
-    "react-jss": "10.0.0-alpha.9"
+    "react": "^16.13.1",
+    "react-dom": "^16.13.1",
+    "react-jss": "^10.3.0"
   },
   "license": "ISC"
 }

examples/with-react-jss/pages/index.js

-import withStyles from 'react-jss'
+import { createUseStyles } from 'react-jss'
 
-const styles = {
+const useStyles = createUseStyles({
   container: {
     marginTop: 100,
     textAlign: 'center',
@@ -10,16 +10,18 @@ const styles = {
     fontSize: 24,
     lineHeight: 1.25,
   },
-}
+})
+
+function Index() {
+  const classes = useStyles()
 
-function Index(props) {
   return (
-    <div className={props.classes.container}>
-      <h1 className={props.classes.header}>
+    <div className={classes.container}>
+      <h1 className={classes.header}>
         Example on how to use react-jss with Next.js
       </h1>
     </div>
   )
 }
 
-export default withStyles(styles)(Index)
+export default Index