fix(menuSelect): use preact instead of React (#2460)

Author: Maxime Janton

src/widgets/menu-select/__tests__/menu-select-test.js

@@ -24,7 +24,7 @@ describe('menuSelect', () => {
     };
     const createURL = () => '#';
     const ReactDOM = { render: sinon.spy() };
-    menuSelect.__Rewire__('ReactDOM', ReactDOM);
+    menuSelect.__Rewire__('render', ReactDOM.render);
     const widget = menuSelect({
       container: document.createElement('div'),
       attributeName: 'test',
@@ -33,6 +33,6 @@ describe('menuSelect', () => {
     widget.init({ helper, createURL, instantSearchInstance });
     widget.render({ results, createURL, state });
     expect(ReactDOM.render.firstCall.args[0]).toMatchSnapshot();
-    menuSelect.__ResetDependency__('ReactDOM');
+    menuSelect.__ResetDependency__('render');
   });
 });

src/widgets/menu-select/menu-select.js

@@ -1,5 +1,4 @@
-import React from 'react';
-import ReactDOM from 'react-dom';
+import React, { render } from 'preact-compat';
 import cx from 'classnames';
 
 import connectMenu from '../../connectors/menu/connectMenu';
@@ -37,7 +36,7 @@ const renderer = ({
 
   const shouldAutoHideContainer = autoHideContainer && !canRefine;
 
-  ReactDOM.render(
+  render(
     <MenuSelect
       cssClasses={cssClasses}
       items={items}