diff --git a/examples/gatsby-theme/package.json b/examples/gatsby-theme/package.json
index 5f0b0e99f93cbf..774c7094f4ed29 100644
--- a/examples/gatsby-theme/package.json
+++ b/examples/gatsby-theme/package.json
@@ -13,6 +13,7 @@
   "scripts": {
     "develop": "gatsby develop",
     "build": "gatsby build",
-    "serve": "gatsby serve"
+    "serve": "gatsby serve",
+    "post-update": "echo \"codesandbox preview only, need an update\" && yarn upgrade --latest"
   }
 }
diff --git a/examples/gatsby/package.json b/examples/gatsby/package.json
index eff5734f5a93ac..7f3eb6858d96f2 100644
--- a/examples/gatsby/package.json
+++ b/examples/gatsby/package.json
@@ -14,6 +14,7 @@
   "scripts": {
     "develop": "gatsby develop",
     "build": "gatsby build",
-    "serve": "gatsby serve"
+    "serve": "gatsby serve",
+    "post-update": "echo \"codesandbox preview only, need an update\" && yarn upgrade --latest"
   }
 }
diff --git a/examples/nextjs-with-typescript/package.json b/examples/nextjs-with-typescript/package.json
index f9df97fe67f3db..2e357389338e66 100644
--- a/examples/nextjs-with-typescript/package.json
+++ b/examples/nextjs-with-typescript/package.json
@@ -12,7 +12,8 @@
   "scripts": {
     "dev": "next",
     "build": "next build",
-    "start": "next start"
+    "start": "next start",
+    "post-update": "echo \"codesandbox preview only, need an update\" && yarn upgrade --latest"
   },
   "devDependencies": {
     "@types/next": "latest",
diff --git a/examples/nextjs/package.json b/examples/nextjs/package.json
index e7e0296809b7aa..ef30e3f7fa735d 100644
--- a/examples/nextjs/package.json
+++ b/examples/nextjs/package.json
@@ -13,6 +13,7 @@
   "scripts": {
     "dev": "next",
     "build": "next build",
-    "start": "next start"
+    "start": "next start",
+    "post-update": "echo \"codesandbox preview only, need an update\" && yarn upgrade --latest"
   }
 }
diff --git a/examples/preact/README.md b/examples/preact/README.md
index 30317a938a3575..57920ec6259481 100644
--- a/examples/preact/README.md
+++ b/examples/preact/README.md
@@ -15,6 +15,9 @@ Install it and run:
 npm install
 npm run start
 ```
+or:
+
+[![Edit on CodeSandbox](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/github/mui-org/material-ui/tree/master/examples/preact)
 
 ## The idea behind the example
 
diff --git a/examples/preact/package.json b/examples/preact/package.json
index 038424e86b630c..c88aea592bb1f3 100644
--- a/examples/preact/package.json
+++ b/examples/preact/package.json
@@ -59,7 +59,8 @@
   "scripts": {
     "start": "node scripts/start.js",
     "build": "node scripts/build.js",
-    "test": "node scripts/test.js"
+    "test": "node scripts/test.js",
+    "post-update": "echo \"codesandbox preview only, need an update\" && yarn upgrade --latest"
   },
   "browserslist": [
     ">0.2%",
diff --git a/examples/ssr/package.json b/examples/ssr/package.json
index 46d265ddc0f935..d2b79296c9342d 100644
--- a/examples/ssr/package.json
+++ b/examples/ssr/package.json
@@ -23,6 +23,7 @@
     "start": "npm-run-all -p build serve",
     "build": "webpack -w",
     "serve": "nodemon --ignore ./build --exec babel-node -- server.js",
-    "production": "cross-env NODE_ENV=production npm start"
+    "production": "cross-env NODE_ENV=production npm start",
+    "post-update": "echo \"codesandbox preview only, need an update\" && yarn upgrade --latest"
   }
 }