При нажатии на кнопку скрыть компонент

const buttons = [
        <Button key="add" onClick={() => callForm()} icon={<PlusOutlined />}/>,
        <Button key="search" onClick={() => alert("В процессе...")} icon={<SearchOutlined />}/>,
        //<Button key="del" onClick={() => tableInterface.deleteData()}
            //disabled={tableInterface.isLoading() || tableInterface.getSelectedRows().length == 0}>{BUTTON_DEL_LABEL}</Button>,
        <Button key="refresh" onClick={() => tableInterface.refreshData()} icon={<RedoOutlined />}/>
        
    ];
return (
        <App subsystem={MNU_SUBSYSTEM} menu={MNU_MENU} submenu={MNU_SUMMENU}
            breadcrumb={[{ label: NAME_SUBSYSTEM, href: HREF_SUBSYSTEM }, { label: NAME_MENU },{ label: MODULE_TITLE }, { label: MOD_TITLE }]}
            afterLogin={forceUpdate}
            buttons={buttons}
            helpId={MODE_HELP_ID}>
            <ModuleHeader
                title={MOD_TITLE}
                onSearch={value => {
                    tableInterface.requestParams.search = value;
                    tableInterface.refreshData();
                }}
                buttons={buttons}
            />
        </App>

const { Search } = Input;
 
const ModuleHeader = (props) => {
    // const showBackButton = props.showBackButton;
    const showButtonsInMobile = props.showButtonsInMobile;
 
    return (
        <div className="mod-header">
            {/* {showBackButton &&
                <Button
                    icon={<ArrowLeftOutlined />}
                    className="back-button"
                    onClick={() => window.history.back()}
                />
            } */}
            <h2 className="mod-title">{props.title}</h2>
            <div style={{ marginLeft: 'auto' }}></div>
            <div>{props.children}</div>
            {/* {props.search ? <Search placeholder="Поиск..." allowClear onSearch={props.onSearch} style={{ width: 200, marginLeft: 8 }} /> : null} */}
            <DesktopOrTabletScreen>
                <div className="mod-buttons">
                    {props.buttons}
                </div>
            </DesktopOrTabletScreen>
            {showButtonsInMobile &&
                <MobileScreen>
                    <div className="mod-buttons">
                        {buildMobileButtons(props.buttons, true)}
                    </div>
                </MobileScreen>
            }
        </div>
    );
}