goBackButton.tsx

import * as React from 'react';
import { Button } from 'antd';
import { browserHistory, hashHistory } from 'react-router';
import { GoBackButtonProps } from './index';
import useLocale from '../locale/useLocale';

class GoBackButton extends React.Component<GoBackButtonProps, any> {
    go = () => {
        const { url, history, autoClose } = this.props;

        if (url) {
            if (history) {
                browserHistory.push(url);
            } else {
                hashHistory.push(url);
            }
        } else {
            if (window.history?.length == 1) {
                if (autoClose) {
                    window.close();
                }
            } else {
                hashHistory.go(-1);
            }
        }
    };

    render() {
        const { title, locale } = this.props;
        return (
            <Button {...this.props} onClick={this.go}>
                {title || locale.back}
            </Button>
        );
    }
}

const GoBackButtonWrapper = (props: Omit<GoBackButtonProps, 'locale'>) => {
    const locale = useLocale('GoBack');
    return <GoBackButton {...props} locale={locale} />;
};

export default GoBackButtonWrapper;