import React, { useEffect } from 'react';
import { createStructuredSelector } from 'reselect';
import { connect } from 'react-redux';
import { compose } from 'redux';
import { ACTION } from '../reducer';
import { withErrorBoundary } from '../hoc/with-error-boundary';

type TProps = {
  initSplitIO: () => void;
};

const mapStateToProps = createStructuredSelector({
  // prop1: makeSelector(),
  //†prop
});
const mapDispatchToProps = {
  initSplitIO: ACTION.initSplitIo,
  //†action
};
const Connected: React.FC<TProps> = ({ initSplitIO }) => {
  useEffect(() => {
    initSplitIO();
  }, []);

  return null;
};

export default compose(
  withErrorBoundary('common:feature-flags'),
  connect(
    mapStateToProps,
    mapDispatchToProps
  )
)(Connected) as React.FC<any>;