Material-ui: This demo had a runtime error: Minified React error #130

[MewX]

Searching for "add" icon, and clicking on it.

• [x] The issue is present in the latest release.
• [x] I have searched the issues of this repository and believe that this is not a duplicate.

Current Behavior 😯

Returning error:

Error: Minified React error #130; visit https://reactjs.org/docs/error-decoder.html?invariant=130&args[]=undefined&args[]= for the full message or use the non-minified dev environment for full errors and additional helpful warnings.

Expected Behavior 🤔

Shows me the code to import this icon.

Steps to Reproduce 🕹

Steps:

1. search for "add" as keyword
2. click on the add icon

Context 🔦

Your Environment 🌎

| Tech | Version |
| ----------- | ------- |
| Material-UI | v5.?.? |
| React | |
| Browser | |
| TypeScript | |
| etc. | |

[eps1lon]

Confirmed on next. master is fine. The layout of the error boundary is also broken: The error message overflows its container (Paper?).

[oliviertassinari]

Oops, I broke it a few weeks ago. How about?

diff --git a/docs/src/modules/components/DemoErrorBoundary.js b/docs/src/modules/components/DemoErrorBoundary.js
index 2fecc3274d..1b1f7bda05 100644
--- a/docs/src/modules/components/DemoErrorBoundary.js
+++ b/docs/src/modules/components/DemoErrorBoundary.js
@@ -34,7 +34,7 @@ export default class DemoErrorBoundary extends React.Component {
             </Link>
             .
           </Typography>
-          <pre>{error.toString()}</pre>
+          <pre style={{ whiteSpace: 'pre-wrap', }}>{error.toString()}</pre>
           <Button color="secondary" onClick={onResetDemoClick} variant="text">
             {t('resetDemo')}
           </Button>
diff --git a/docs/src/pages/components/material-icons/SearchIcons.js b/docs/src/pages/components/material-icons/SearchIcons.js
index c8c85ca88d..f4b132014b 100644
--- a/docs/src/pages/components/material-icons/SearchIcons.js
+++ b/docs/src/pages/components/material-icons/SearchIcons.js
@@ -242,14 +242,14 @@ let DialogDetails = (props) => {
             <Grid container className={classes.container}>
               <Grid item xs={12} sm="auto">
                 <Grid container justifyContent="center">
-                  <selectedIcon.Icon className={classes.canvas} />
+                  <selectedIcon.Component className={classes.canvas} />
                 </Grid>
               </Grid>
               <Grid item xs>

[skr571999]

@oliviertassinari Can I work on the Issue?

[skr571999]

@oliviertassinari Can I work on the Issue?

ok, I will be starting to work on it.🚀