[docs] Follow-up on #20601

.eslintrc.js

@@ -155,5 +155,11 @@ module.exports = {
         ],
       },
     },
+    {
+      files: ['docs/pages/**/*.js'],
+      rules: {
+        'react/prop-types': 'off',
+      },
+    },
   ],
 };

docs/pages/_app.js

@@ -335,13 +335,16 @@ MyApp.propTypes = {
 };
 
 MyApp.getInitialProps = async ({ ctx, Component }) => {
-  let pageProps = { userLanguage: ctx.query.userLanguage };
+  let pageProps = {};
 
   if (Component.getInitialProps) {
     pageProps = await Component.getInitialProps(ctx);
   }
 
   return {
-    pageProps,
+    pageProps: {
+      userLanguage: ctx.query.userLanguage || 'en',
+      ...pageProps,
+    },
   };
 };

docs/pages/api-docs/alert-title.js

@@ -3,9 +3,8 @@ import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
 import { prepareMarkdown } from 'docs/src/modules/utils/parseMarkdown';
 
 const pageFilename = 'api/alert-title';
-const requireRaw = require.context('!raw-loader!./', false, /alert-title\.md$/);
+const requireRaw = require.context('!raw-loader!./', false, /\/alert-title\.md$/);
 
-// eslint-disable-next-line react/prop-types
 export default function Page({ docs }) {
   return <MarkdownDocs docs={docs} />;
 }

docs/pages/api-docs/alert.js

@@ -3,9 +3,8 @@ import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
 import { prepareMarkdown } from 'docs/src/modules/utils/parseMarkdown';
 
 const pageFilename = 'api/alert';
-const requireRaw = require.context('!raw-loader!./', false, /alert\.md$/);
+const requireRaw = require.context('!raw-loader!./', false, /\/alert\.md$/);
 
-// eslint-disable-next-line react/prop-types
 export default function Page({ docs }) {
   return <MarkdownDocs docs={docs} />;
 }

docs/pages/api-docs/app-bar.js

@@ -3,9 +3,8 @@ import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
 import { prepareMarkdown } from 'docs/src/modules/utils/parseMarkdown';
 
 const pageFilename = 'api/app-bar';
-const requireRaw = require.context('!raw-loader!./', false, /app-bar\.md$/);
+const requireRaw = require.context('!raw-loader!./', false, /\/app-bar\.md$/);
 
-// eslint-disable-next-line react/prop-types
 export default function Page({ docs }) {
   return <MarkdownDocs docs={docs} />;
 }

docs/pages/api-docs/autocomplete.js

@@ -3,9 +3,8 @@ import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
 import { prepareMarkdown } from 'docs/src/modules/utils/parseMarkdown';
 
 const pageFilename = 'api/autocomplete';
-const requireRaw = require.context('!raw-loader!./', false, /autocomplete\.md$/);
+const requireRaw = require.context('!raw-loader!./', false, /\/autocomplete\.md$/);
 
-// eslint-disable-next-line react/prop-types
 export default function Page({ docs }) {
   return <MarkdownDocs docs={docs} />;
 }

docs/pages/api-docs/avatar-group.js

@@ -3,9 +3,8 @@ import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
 import { prepareMarkdown } from 'docs/src/modules/utils/parseMarkdown';
 
 const pageFilename = 'api/avatar-group';
-const requireRaw = require.context('!raw-loader!./', false, /avatar-group\.md$/);
+const requireRaw = require.context('!raw-loader!./', false, /\/avatar-group\.md$/);
 
-// eslint-disable-next-line react/prop-types
 export default function Page({ docs }) {
   return <MarkdownDocs docs={docs} />;
 }

docs/pages/api-docs/avatar.js

@@ -3,9 +3,8 @@ import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
 import { prepareMarkdown } from 'docs/src/modules/utils/parseMarkdown';
 
 const pageFilename = 'api/avatar';
-const requireRaw = require.context('!raw-loader!./', false, /avatar\.md$/);
+const requireRaw = require.context('!raw-loader!./', false, /\/avatar\.md$/);
 
-// eslint-disable-next-line react/prop-types
 export default function Page({ docs }) {
   return <MarkdownDocs docs={docs} />;
 }

docs/pages/api-docs/backdrop.js

@@ -3,9 +3,8 @@ import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
 import { prepareMarkdown } from 'docs/src/modules/utils/parseMarkdown';
 
 const pageFilename = 'api/backdrop';
-const requireRaw = require.context('!raw-loader!./', false, /backdrop\.md$/);
+const requireRaw = require.context('!raw-loader!./', false, /\/backdrop\.md$/);
 
-// eslint-disable-next-line react/prop-types
 export default function Page({ docs }) {
   return <MarkdownDocs docs={docs} />;
 }

docs/pages/api-docs/badge.js

@@ -3,9 +3,8 @@ import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
 import { prepareMarkdown } from 'docs/src/modules/utils/parseMarkdown';
 
 const pageFilename = 'api/badge';
-const requireRaw = require.context('!raw-loader!./', false, /badge\.md$/);
+const requireRaw = require.context('!raw-loader!./', false, /\/badge\.md$/);
 
-// eslint-disable-next-line react/prop-types
 export default function Page({ docs }) {
   return <MarkdownDocs docs={docs} />;
 }

docs/pages/api-docs/bottom-navigation-action.js

@@ -3,9 +3,8 @@ import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
 import { prepareMarkdown } from 'docs/src/modules/utils/parseMarkdown';
 
 const pageFilename = 'api/bottom-navigation-action';
-const requireRaw = require.context('!raw-loader!./', false, /bottom-navigation-action\.md$/);
+const requireRaw = require.context('!raw-loader!./', false, /\/bottom-navigation-action\.md$/);
 
-// eslint-disable-next-line react/prop-types
 export default function Page({ docs }) {
   return <MarkdownDocs docs={docs} />;
 }

docs/pages/api-docs/bottom-navigation.js

@@ -3,9 +3,8 @@ import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
 import { prepareMarkdown } from 'docs/src/modules/utils/parseMarkdown';
 
 const pageFilename = 'api/bottom-navigation';
-const requireRaw = require.context('!raw-loader!./', false, /bottom-navigation\.md$/);
+const requireRaw = require.context('!raw-loader!./', false, /\/bottom-navigation\.md$/);
 
-// eslint-disable-next-line react/prop-types
 export default function Page({ docs }) {
   return <MarkdownDocs docs={docs} />;
 }

docs/pages/api-docs/breadcrumbs.js

@@ -3,9 +3,8 @@ import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
 import { prepareMarkdown } from 'docs/src/modules/utils/parseMarkdown';
 
 const pageFilename = 'api/breadcrumbs';
-const requireRaw = require.context('!raw-loader!./', false, /breadcrumbs\.md$/);
+const requireRaw = require.context('!raw-loader!./', false, /\/breadcrumbs\.md$/);
 
-// eslint-disable-next-line react/prop-types
 export default function Page({ docs }) {
   return <MarkdownDocs docs={docs} />;
 }

docs/pages/api-docs/button-base.js

@@ -3,9 +3,8 @@ import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
 import { prepareMarkdown } from 'docs/src/modules/utils/parseMarkdown';
 
 const pageFilename = 'api/button-base';
-const requireRaw = require.context('!raw-loader!./', false, /button-base\.md$/);
+const requireRaw = require.context('!raw-loader!./', false, /\/button-base\.md$/);
 
-// eslint-disable-next-line react/prop-types
 export default function Page({ docs }) {
   return <MarkdownDocs docs={docs} />;
 }

docs/pages/api-docs/button-group.js

@@ -3,9 +3,8 @@ import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
 import { prepareMarkdown } from 'docs/src/modules/utils/parseMarkdown';
 
 const pageFilename = 'api/button-group';
-const requireRaw = require.context('!raw-loader!./', false, /button-group\.md$/);
+const requireRaw = require.context('!raw-loader!./', false, /\/button-group\.md$/);
 
-// eslint-disable-next-line react/prop-types
 export default function Page({ docs }) {
   return <MarkdownDocs docs={docs} />;
 }

docs/pages/api-docs/button.js

@@ -3,9 +3,8 @@ import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
 import { prepareMarkdown } from 'docs/src/modules/utils/parseMarkdown';
 
 const pageFilename = 'api/button';
-const requireRaw = require.context('!raw-loader!./', false, /button\.md$/);
+const requireRaw = require.context('!raw-loader!./', false, /\/button\.md$/);
 
-// eslint-disable-next-line react/prop-types
 export default function Page({ docs }) {
   return <MarkdownDocs docs={docs} />;
 }

docs/pages/api-docs/card-action-area.js

@@ -3,9 +3,8 @@ import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
 import { prepareMarkdown } from 'docs/src/modules/utils/parseMarkdown';
 
 const pageFilename = 'api/card-action-area';
-const requireRaw = require.context('!raw-loader!./', false, /card-action-area\.md$/);
+const requireRaw = require.context('!raw-loader!./', false, /\/card-action-area\.md$/);
 
-// eslint-disable-next-line react/prop-types
 export default function Page({ docs }) {
   return <MarkdownDocs docs={docs} />;
 }

docs/pages/api-docs/card-actions.js

@@ -3,9 +3,8 @@ import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
 import { prepareMarkdown } from 'docs/src/modules/utils/parseMarkdown';
 
 const pageFilename = 'api/card-actions';
-const requireRaw = require.context('!raw-loader!./', false, /card-actions\.md$/);
+const requireRaw = require.context('!raw-loader!./', false, /\/card-actions\.md$/);
 
-// eslint-disable-next-line react/prop-types
 export default function Page({ docs }) {
   return <MarkdownDocs docs={docs} />;
 }

docs/pages/api-docs/card-content.js

@@ -3,9 +3,8 @@ import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
 import { prepareMarkdown } from 'docs/src/modules/utils/parseMarkdown';
 
 const pageFilename = 'api/card-content';
-const requireRaw = require.context('!raw-loader!./', false, /card-content\.md$/);
+const requireRaw = require.context('!raw-loader!./', false, /\/card-content\.md$/);
 
-// eslint-disable-next-line react/prop-types
 export default function Page({ docs }) {
   return <MarkdownDocs docs={docs} />;
 }

docs/pages/api-docs/card-header.js

@@ -3,9 +3,8 @@ import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
 import { prepareMarkdown } from 'docs/src/modules/utils/parseMarkdown';
 
 const pageFilename = 'api/card-header';
-const requireRaw = require.context('!raw-loader!./', false, /card-header\.md$/);
+const requireRaw = require.context('!raw-loader!./', false, /\/card-header\.md$/);
 
-// eslint-disable-next-line react/prop-types
 export default function Page({ docs }) {
   return <MarkdownDocs docs={docs} />;
 }

docs/pages/api-docs/card-media.js

@@ -3,9 +3,8 @@ import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
 import { prepareMarkdown } from 'docs/src/modules/utils/parseMarkdown';
 
 const pageFilename = 'api/card-media';
-const requireRaw = require.context('!raw-loader!./', false, /card-media\.md$/);
+const requireRaw = require.context('!raw-loader!./', false, /\/card-media\.md$/);
 
-// eslint-disable-next-line react/prop-types
 export default function Page({ docs }) {
   return <MarkdownDocs docs={docs} />;
 }

docs/pages/api-docs/card.js

@@ -3,9 +3,8 @@ import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
 import { prepareMarkdown } from 'docs/src/modules/utils/parseMarkdown';
 
 const pageFilename = 'api/card';
-const requireRaw = require.context('!raw-loader!./', false, /card\.md$/);
+const requireRaw = require.context('!raw-loader!./', false, /\/card\.md$/);
 
-// eslint-disable-next-line react/prop-types
 export default function Page({ docs }) {
   return <MarkdownDocs docs={docs} />;
 }

docs/pages/api-docs/checkbox.js

@@ -3,9 +3,8 @@ import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
 import { prepareMarkdown } from 'docs/src/modules/utils/parseMarkdown';
 
 const pageFilename = 'api/checkbox';
-const requireRaw = require.context('!raw-loader!./', false, /checkbox\.md$/);
+const requireRaw = require.context('!raw-loader!./', false, /\/checkbox\.md$/);
 
-// eslint-disable-next-line react/prop-types
 export default function Page({ docs }) {
   return <MarkdownDocs docs={docs} />;
 }

docs/pages/api-docs/chip.js

@@ -3,9 +3,8 @@ import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
 import { prepareMarkdown } from 'docs/src/modules/utils/parseMarkdown';
 
 const pageFilename = 'api/chip';
-const requireRaw = require.context('!raw-loader!./', false, /chip\.md$/);
+const requireRaw = require.context('!raw-loader!./', false, /\/chip\.md$/);
 
-// eslint-disable-next-line react/prop-types
 export default function Page({ docs }) {
   return <MarkdownDocs docs={docs} />;
 }

docs/pages/api-docs/circular-progress.js

@@ -3,9 +3,8 @@ import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
 import { prepareMarkdown } from 'docs/src/modules/utils/parseMarkdown';
 
 const pageFilename = 'api/circular-progress';
-const requireRaw = require.context('!raw-loader!./', false, /circular-progress\.md$/);
+const requireRaw = require.context('!raw-loader!./', false, /\/circular-progress\.md$/);
 
-// eslint-disable-next-line react/prop-types
 export default function Page({ docs }) {
   return <MarkdownDocs docs={docs} />;
 }

docs/pages/api-docs/click-away-listener.js

@@ -3,9 +3,8 @@ import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
 import { prepareMarkdown } from 'docs/src/modules/utils/parseMarkdown';
 
 const pageFilename = 'api/click-away-listener';
-const requireRaw = require.context('!raw-loader!./', false, /click-away-listener\.md$/);
+const requireRaw = require.context('!raw-loader!./', false, /\/click-away-listener\.md$/);
 
-// eslint-disable-next-line react/prop-types
 export default function Page({ docs }) {
   return <MarkdownDocs docs={docs} />;
 }

docs/pages/api-docs/collapse.js

@@ -3,9 +3,8 @@ import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
 import { prepareMarkdown } from 'docs/src/modules/utils/parseMarkdown';
 
 const pageFilename = 'api/collapse';
-const requireRaw = require.context('!raw-loader!./', false, /collapse\.md$/);
+const requireRaw = require.context('!raw-loader!./', false, /\/collapse\.md$/);
 
-// eslint-disable-next-line react/prop-types
 export default function Page({ docs }) {
   return <MarkdownDocs docs={docs} />;
 }

docs/pages/api-docs/container.js

@@ -3,9 +3,8 @@ import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
 import { prepareMarkdown } from 'docs/src/modules/utils/parseMarkdown';
 
 const pageFilename = 'api/container';
-const requireRaw = require.context('!raw-loader!./', false, /container\.md$/);
+const requireRaw = require.context('!raw-loader!./', false, /\/container\.md$/);
 
-// eslint-disable-next-line react/prop-types
 export default function Page({ docs }) {
   return <MarkdownDocs docs={docs} />;
 }

docs/pages/api-docs/css-baseline.js

@@ -3,9 +3,8 @@ import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
 import { prepareMarkdown } from 'docs/src/modules/utils/parseMarkdown';
 
 const pageFilename = 'api/css-baseline';
-const requireRaw = require.context('!raw-loader!./', false, /css-baseline\.md$/);
+const requireRaw = require.context('!raw-loader!./', false, /\/css-baseline\.md$/);
 
-// eslint-disable-next-line react/prop-types
 export default function Page({ docs }) {
   return <MarkdownDocs docs={docs} />;
 }

docs/pages/api-docs/dialog-actions.js

@@ -3,9 +3,8 @@ import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
 import { prepareMarkdown } from 'docs/src/modules/utils/parseMarkdown';
 
 const pageFilename = 'api/dialog-actions';
-const requireRaw = require.context('!raw-loader!./', false, /dialog-actions\.md$/);
+const requireRaw = require.context('!raw-loader!./', false, /\/dialog-actions\.md$/);
 
-// eslint-disable-next-line react/prop-types
 export default function Page({ docs }) {
   return <MarkdownDocs docs={docs} />;
 }

docs/pages/api-docs/dialog-content-text.js

@@ -3,9 +3,8 @@ import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
 import { prepareMarkdown } from 'docs/src/modules/utils/parseMarkdown';
 
 const pageFilename = 'api/dialog-content-text';
-const requireRaw = require.context('!raw-loader!./', false, /dialog-content-text\.md$/);
+const requireRaw = require.context('!raw-loader!./', false, /\/dialog-content-text\.md$/);
 
-// eslint-disable-next-line react/prop-types
 export default function Page({ docs }) {
   return <MarkdownDocs docs={docs} />;
 }

docs/pages/api-docs/dialog-content.js

@@ -3,9 +3,8 @@ import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
 import { prepareMarkdown } from 'docs/src/modules/utils/parseMarkdown';
 
 const pageFilename = 'api/dialog-content';
-const requireRaw = require.context('!raw-loader!./', false, /dialog-content\.md$/);
+const requireRaw = require.context('!raw-loader!./', false, /\/dialog-content\.md$/);
 
-// eslint-disable-next-line react/prop-types
 export default function Page({ docs }) {
   return <MarkdownDocs docs={docs} />;
 }

docs/pages/api-docs/dialog-title.js

@@ -3,9 +3,8 @@ import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
 import { prepareMarkdown } from 'docs/src/modules/utils/parseMarkdown';
 
 const pageFilename = 'api/dialog-title';
-const requireRaw = require.context('!raw-loader!./', false, /dialog-title\.md$/);
+const requireRaw = require.context('!raw-loader!./', false, /\/dialog-title\.md$/);
 
-// eslint-disable-next-line react/prop-types
 export default function Page({ docs }) {
   return <MarkdownDocs docs={docs} />;
 }

docs/pages/api-docs/dialog.js

@@ -3,9 +3,8 @@ import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
 import { prepareMarkdown } from 'docs/src/modules/utils/parseMarkdown';
 
 const pageFilename = 'api/dialog';
-const requireRaw = require.context('!raw-loader!./', false, /dialog\.md$/);
+const requireRaw = require.context('!raw-loader!./', false, /\/dialog\.md$/);
 
-// eslint-disable-next-line react/prop-types
 export default function Page({ docs }) {
   return <MarkdownDocs docs={docs} />;
 }

docs/pages/api-docs/divider.js

@@ -3,9 +3,8 @@ import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
 import { prepareMarkdown } from 'docs/src/modules/utils/parseMarkdown';
 
 const pageFilename = 'api/divider';
-const requireRaw = require.context('!raw-loader!./', false, /divider\.md$/);
+const requireRaw = require.context('!raw-loader!./', false, /\/divider\.md$/);
 
-// eslint-disable-next-line react/prop-types
 export default function Page({ docs }) {
   return <MarkdownDocs docs={docs} />;
 }