[docs] Fix warning and crash in dev mode

mui · Apr 20, 2020 · 71f9f5e · 71f9f5e
1 parent 72a477f
commit 71f9f5e
Show file tree

Hide file tree

Showing 4 changed files with 16 additions and 0 deletions.
diff --git a/docs/pages/components/autocomplete.js b/docs/pages/components/autocomplete.js
@@ -10,6 +10,10 @@ const requireRaw = require.context(
   /\.(js|md|tsx)$/,
 );
 
+// Run styled-components ref logic
+// https://github.com/styled-components/styled-components/pull/2998
+requireDemo.keys().map(requireDemo);
+
 // eslint-disable-next-line react/prop-types
 export default function Page({ demos, docs }) {
   return <MarkdownDocs demos={demos} docs={docs} requireDemo={requireDemo} />;

diff --git a/docs/pages/guides/interoperability.js b/docs/pages/guides/interoperability.js
@@ -10,6 +10,10 @@ const requireRaw = require.context(
   /\.(js|md|tsx)$/,
 );
 
+// Run styled-components ref logic
+// https://github.com/styled-components/styled-components/pull/2998
+requireDemo.keys().map(requireDemo);
+
 // eslint-disable-next-line react/prop-types
 export default function Page({ demos, docs }) {
   return <MarkdownDocs demos={demos} docs={docs} requireDemo={requireDemo} />;

diff --git a/docs/pages/styles/advanced.js b/docs/pages/styles/advanced.js
@@ -10,6 +10,10 @@ const requireRaw = require.context(
   /\.(js|md|tsx)$/,
 );
 
+// Run styled-components ref logic
+// https://github.com/styled-components/styled-components/pull/2998
+requireDemo.keys().map(requireDemo);
+
 // eslint-disable-next-line react/prop-types
 export default function Page({ demos, docs }) {
   return <MarkdownDocs demos={demos} docs={docs} requireDemo={requireDemo} />;

diff --git a/docs/pages/system/basics.js b/docs/pages/system/basics.js
@@ -10,6 +10,10 @@ const requireRaw = require.context(
   /\.(js|md|tsx)$/,
 );
 
+// Run styled-components ref logic
+// https://github.com/styled-components/styled-components/pull/2998
+requireDemo.keys().map(requireDemo);
+
 // eslint-disable-next-line react/prop-types
 export default function Page({ demos, docs }) {
   return <MarkdownDocs demos={demos} docs={docs} requireDemo={requireDemo} />;