diff --git a/docs/babel.config.js b/docs/babel.config.js
index 06fcb67f847ba9..ad7b5a4c24f65b 100644
--- a/docs/babel.config.js
+++ b/docs/babel.config.js
@@ -10,13 +10,13 @@ function resolvePath(sourcePath, currentFile, opts) {
 }
 
 const alias = {
-  '@material-ui/core': '@material-ui/core/src',
-  '@material-ui/docs': '@material-ui/docs/src',
-  '@material-ui/icons': '@material-ui/icons/src',
-  '@material-ui/lab': '@material-ui/lab/src',
-  '@material-ui/styles': '@material-ui/styles/src',
-  '@material-ui/system': '@material-ui/system/src',
-  '@material-ui/utils': '@material-ui/utils/src',
+  '@material-ui/core': '../packages/material-ui/src',
+  '@material-ui/docs': '../packages/material-ui-docs/src',
+  '@material-ui/icons': '../packages/material-ui-icons/src',
+  '@material-ui/lab': '../packages/material-ui-lab/src',
+  '@material-ui/styles': '../packages/material-ui-styles/src',
+  '@material-ui/system': '../packages/material-ui-system/src',
+  '@material-ui/utils': '../packages/material-ui-utils/src',
   docs: './',
   modules: '../modules',
   pages: './pages',
diff --git a/docs/next.config.js b/docs/next.config.js
index 6281085c69c743..22f218ef217930 100644
--- a/docs/next.config.js
+++ b/docs/next.config.js
@@ -4,14 +4,17 @@ const withTM = require('next-transpile-modules');
 const { BundleAnalyzerPlugin } = require('webpack-bundle-analyzer');
 const { findPages } = require('./src/modules/utils/find');
 const withTypescript = require('@zeit/next-typescript');
+const path = require('path');
 
 const LANGUAGES = ['en', 'zh', 'ru', 'pt', 'fr', 'es', 'de'];
 
+const workspaceRoot = path.join(__dirname, '../');
+
 module.exports = withTypescript({
   webpack: (config, options) => {
     // Alias @material-ui/core peer dependency imports form the following modules to our sources.
     config = withTM({
-      transpileModules: ['notistack', '@material-ui', 'material-table'],
+      transpileModules: ['notistack', '@material-ui/pickers', 'material-table'],
     }).webpack(config, options);
 
     const plugins = config.plugins.concat([
@@ -55,6 +58,13 @@ module.exports = withTypescript({
             test: /\.(css|md)$/,
             loader: 'raw-loader',
           },
+          // required to transpile ../packages/
+          {
+            test: /\.(js|mjs|jsx)$/,
+            include: [workspaceRoot],
+            exclude: /node_modules/,
+            use: options.defaultLoaders.babel,
+          },
         ]),
       }),
     });