score:1

const renderCustomPaper = (paperProps) => {
    const {children, ...other} = paperProps;
    reutrn (
        <Paper {...other}>
            <ClickAwayListener onClickAway={closeOptionsList}>
                <div key="click-away-wrapper">
                    <Input
                        styleInput={{width: '100%'}}
                        value={customFilterString}
                        onChange={handleCustomFilterChange}
                        className="slds-m-horizontal_small slds-m-top_small"
                        iconRight={<InputIcon name="search" category="utility" />}
                    />
                    {children}
                </div>
            </ClickAwayListener>
        </Paper>
    );
}

...

PaperComponent={renderCustomPaper}

Related Query

More Query from same tag