use destructured imports

elastic · Nov 14, 2019 · 912124c · 912124c
1 parent c869fea
commit 912124c
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/src/core/public/utils/mount.tsx b/src/core/public/utils/mount.tsx
@@ -18,7 +18,7 @@
  */
 
 import React, { useEffect, useRef } from 'react';
-import ReactDOM from 'react-dom';
+import { render, unmountComponentAtNode } from 'react-dom';
 import { I18nProvider } from '@kbn/i18n/react';
 import { MountPoint } from '../types';
 
@@ -39,6 +39,6 @@ export const MountWrapper: React.FunctionComponent<{ mount: MountPoint }> = ({ m
 export const mountReactNode = (component: React.ReactNode): MountPoint => (
   element: HTMLElement
 ) => {
-  ReactDOM.render(<I18nProvider>{component}</I18nProvider>, element);
-  return () => ReactDOM.unmountComponentAtNode(element);
+  render(<I18nProvider>{component}</I18nProvider>, element);
+  return () => unmountComponentAtNode(element);
 };