Here https://www.ag-grid.com/react-data-grid/cell-editors/ is the example of most simple custom cell editor:

export default ({ value, onValueChange }) => {
   return (
       <input
           type="text"
           value={value || ''}
           onChange={({ target: { value }}) => onValueChange(value === '' ? null : value)}
       />
   );
} 

It works, but the styling of this editor is somehow strange. There is an extra border (which may be also different from the default editor), that is smaller than the cell space and it may be, that the font is smaller as well. And no text is selected upon endering this custom editor.

My question is – how can I apply the styling of the default cell editor to this component? Or maybe I can inherit default cell editor or maybe I can just put here the default cell editor (maybe it is named agGridDefaultEditor or somehow other) and make my adornments on it?

My intention is to adorn the input field with custom popper (where the search fields will be) and I have done it, but the problem is that the cell itself is presented differently from the other cells upon entering this cell with doubleclick.