Fix crashing on utils change

mui · Jun 8, 2019 · 14fa8d5 · 14fa8d5
1 parent 04773f1
commit 14fa8d5
Showing 1 changed file with 6 additions and 1 deletion.
diff --git a/docs/_shared/Example.tsx b/docs/_shared/Example.tsx
@@ -5,6 +5,7 @@ import GithubIcon from '_shared/svgIcons/GithubIcon';
 import React, { useState, useCallback, useMemo, useContext } from 'react';
 import { copy } from 'utils/helpers';
 import { GITHUB_EDIT_URL } from '_constants';
+import { useUtils } from '@material-ui/pickers';
 import { replaceGetFormatStrings } from 'utils/utilsService';
 import { withSnackbar, InjectedNotistackProps } from 'notistack';
 import { withUtilsService, UtilsContext } from './UtilsServiceContext';
@@ -66,6 +67,7 @@ function Example({ source, enqueueSnackbar }: Props) {
     );
   }
 
+  const utils = useUtils();
   const classes = useStyles();
   const currentLib = useContext(UtilsContext).lib;
   const [expanded, setExpanded] = useState(false);
@@ -121,7 +123,10 @@ function Example({ source, enqueueSnackbar }: Props) {
           </IconButton>
         </Tooltip>
 
-        <Component />
+        <Component
+          // remount component when utils changed
+          key={utils.constructor.name}
+        />
       </div>
     </>
   );