Tabbing with Complex Cell Renderers in AG-Grid

Question

I'm using ag-grid and want to render a custom component in a cell. I'm using a cell renderer that could be as simple as the code below.

However, when tabbing, AG-Grid will skip the button and move to the next cell which makes keyboard navigation of complex cell impossible. Is there a way to have a complex (as in more than a single input) cell renderer and support tabbing?

export default class ComplexComponent extends React.Component<{value: string}, {}> {
    render() {
        return (
            <div>
                <input value={this.props.value}/>
               <button>Do Something Neat</button>
            </div> 
        );
    }
}