How to use the react-pose.default function in react-pose

const { remote } = window.electron;
const mainProcess = remote.require('./index');
const isWin = mainProcess.isWin();
const isMac = mainProcess.isMac();

const mainEtherscan = 'https://etherscan.io/tx/0x';
const testEtherscan = 'https://rinkeby.etherscan.io/tx/0x';
const ETH_DENOM = 10 ** 18;

const filter = {
    PAYMENT: 'payment',
    INCOME: 'income'
};

const Item = posed.default.div({
    enter: { opacity: 1 },
    exit: { opacity: 0 }
});

const mapStateToProps = state => ({
    isMainNet: state.info.isMainNet,
    isEngineOn: state.info.isEngineOn,
    paymentHistory: getFilteredPaymentHistory.bind(null, state)
});

const mapDispatchToProps = dispatch => ({
    actions: bindActionCreators(Actions, dispatch)
});

export class History extends React.Component {
    constructor(props) {

defaultCellRangeRenderer
} from 'react-virtualized';
const posed = require('react-pose');
const { PoseGroup } = posed;

import HistoryItem from './HistoryItem';
import * as Actions from '../actions';
import { getFilteredPaymentHistory } from '../reducers';

const filter = {
    PAYMENT: 'outgoing',
    INCOME: 'incoming',
    DEPOSIT: 'deposit'
};

const Item = posed.default.div({
    enter: { opacity: 1 },
    exit: { opacity: 0 }
});

const mapStateToProps = state => ({
    isMainNet: state.info.isMainNet,
    isEngineOn: state.info.isEngineOn,
    historyList: state.txHistory.historyList,
    listPage: state.txHistory.listPage,
    paymentHistory: getFilteredPaymentHistory.bind(null, state)
});

const mapDispatchToProps = dispatch => ({
    actions: bindActionCreators(Actions, dispatch)
});