reactjs - Aggrid - Header create new line

Question

i have a column header like this

<AgGridColumn headerName="Last update By Date" field="lastUpdatedDate" cellRenderer="lastUpdatedByRenderer" sortable={true} comparator={this.lastUpdatedDateComparator}></AgGridColumn>

in the page it is coming like

Last update By Date

but i want to make it like

Last update By
Date

i tried '\n' between by and Date but its printing along with '\n' like Last update By \n Date