Datasource refactored from recompose to hooks. (#106640)

Co-authored-by: Kibana Machine <42973632+kibanamachine@users.noreply.github.com>

x-pack/plugins/canvas/public/components/datasource/datasource.js

@@ -5,20 +5,17 @@
  * 2.0.
  */
 
-import { compose, branch, renderComponent } from 'recompose';
+import React from 'react';
 import PropTypes from 'prop-types';
 import { NoDatasource } from './no_datasource';
 import { DatasourceComponent } from './datasource_component';
 
-const branches = [
-  // rendered when there is no datasource in the expression
-  branch(
-    ({ datasource, stateDatasource }) => !datasource || !stateDatasource,
-    renderComponent(NoDatasource)
-  ),
-];
+export const Datasource = (props) => {
+  const { datasource, stateDatasource } = props;
+  if (!datasource || !stateDatasource) return <NoDatasource {...props} />;
 
-export const Datasource = compose(...branches)(DatasourceComponent);
+  return <DatasourceComponent {...props} />;
+};
 
 Datasource.propTypes = {
   args: PropTypes.object,