diff --git a/examples/with-react-jss/package.json b/examples/with-react-jss/package.json
index a6f6e946d0013b947c35c53e54fe65d12aefaa1e..d0f2ac79ba9d8fe44dd02efb64a6c9174f32550a 100644
--- a/examples/with-react-jss/package.json
+++ b/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"
 }
diff --git a/examples/with-react-jss/pages/index.js b/examples/with-react-jss/pages/index.js
index 759fb5ae747801fea22a91730e209ad5cb5eec0c..f8bafce6daad2d2dbb6b8a364c6601e79eacd171 100644
--- a/examples/with-react-jss/pages/index.js
+++ b/examples/with-react-jss/pages/index.js
@@ -1,6 +1,6 @@
-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