diff --git a/examples/with-patternfly/next.config.js b/examples/with-patternfly/next.config.js
index 6a0875aece840..ccecee6149c53 100644
--- a/examples/with-patternfly/next.config.js
+++ b/examples/with-patternfly/next.config.js
@@ -40,6 +40,7 @@ module.exports = withCSS(
             publicPath: '/_next/static/fonts/',
             outputPath: 'static/fonts/',
             name: '[name].[ext]',
+            esModule: false,
           },
         },
       })
diff --git a/examples/with-patternfly/package.json b/examples/with-patternfly/package.json
index 67da153479793..993f3a27cae24 100644
--- a/examples/with-patternfly/package.json
+++ b/examples/with-patternfly/package.json
@@ -8,17 +8,17 @@
     "start": "next start"
   },
   "dependencies": {
-    "@patternfly/react-core": "^3.112.3",
+    "@patternfly/react-core": "^4.50.2",
     "next": "latest",
-    "next-transpile-modules": "^4.0.2",
-    "react": "^16.7.0",
-    "react-dom": "^16.7.0"
+    "next-transpile-modules": "^4.1.0",
+    "react": "^16.13.1",
+    "react-dom": "^16.13.1"
   },
   "devDependencies": {
     "@zeit/next-css": "^1.0.1",
-    "file-loader": "^3.0.1",
-    "svg-url-loader": "^3.0.2",
-    "url-loader": "^1.1.2"
+    "file-loader": "^6.1.0",
+    "svg-url-loader": "^6.0.0",
+    "url-loader": "^4.1.0"
   },
   "license": "MIT"
 }