How to use the redux-zero/preact.connect function in redux-zero

import Modal from './Modal';
import {connect} from 'redux-zero/preact';
import actions from '../../Store/Actions';

const mapToProps = ({showModal, listService}) => ({showModal, listService});

export default connect(
  mapToProps,
  actions,
)(Modal);

const mapToProps = ({
  showModal,
  isFirstVisit,
  listService,
  messages,
  locale,
}) => ({
  showModal,
  isFirstVisit,
  listService,
  messages,
  locale,
});

export default connect(
  mapToProps,
  actions,
)(Mask);

import {connect} from 'redux-zero/preact';
import actions from '../../Store/Actions';
import Banner from './Banner';

const mapToProps = ({showBanner}) => ({
  showBanner,
});

export default connect(
  mapToProps,
  actions,
)(Banner);

import ListElement from './ListElement';
import {connect} from 'redux-zero/preact';
import actions from '../../Store/Actions';

const mapToProps = ({showModal, listService}) => ({showModal, listService});

export default connect(
  mapToProps,
  actions,
)(ListElement);

import {connect} from 'redux-zero/preact';
import actions from '../../Store/Actions';
import BTActions from './BtActions';

export default connect(
  null,
  actions,
)(BTActions);

return messages[locale][string] || string;
  };

  render() {
    return (
      <div>
        
        
      </div>
    );
  }
}

const mapToProps = ({locale, messages}) =&gt; ({locale, messages});

export default connect(
  mapToProps,
  actions,
)(App);