Soy un principiante en el uso de NextJS Framework. Este es el código del tablero de venta o. Dentro del campo de texto, hay varios textos, por lo tanto, necesito ayuda sobre cómo extraer el menú de alternar dentro del campo de texto y mostrarlo como una tarjeta sin hacer clic en el botón de flecha desplegable. Hay alguna manera de hacerlo ??

 <TextField InputProps={{ ...getInputProps({ placeholder }), endAdornment: ( <div className={classes.adornment}> {endAdornment} <ArrowDropdownIcon /> </div> ), id: undefined, onBlur, onClick: toggleMenu, onFocus: () => { if (fetchOnFocus) { fetchChoices(inputValue); } }, ref: anchor }} error={error} helperText={helperText} label={label} fullWidth={true} disabled={disabled} /> {isOpen && ( <Popper anchorEl={anchor.current} open={isOpen} style={{ width: anchor.current.clientWidth, zIndex: 1301 }} placement="bottom-end" > <MultiAutocompleteSelectFieldContent add={ add && { ...add, onClick: () => { add.onClick(); closeMenu(); } } } choices={choices.filter( choice => !value.includes(choice.value) )} displayCustomValue={displayCustomValue} displayValues={displayValues} getItemProps={getItemProps} hasMore={hasMore} highlightedIndex={highlightedIndex} loading={loading} inputValue={inputValue} onFetchMore={onFetchMore} />