I'm getting an odd behavior when trying to switch my React AG Grid to use the ReactUI param as described here: https://www.ag-grid.com/react-data-grid/reactui/#js-components-inside-react-ui

When I add the following to my AgGridReact component:

reactUi

The loaders I have setup using the following don't clear after the content is loaded:

components={{
  loadingRenderer: (params) => {
    if (params.value !== undefined) {
      return params.value
    } else {
      return '<img src="https://www.ag-grid.com/example-assets/loading.gif">'
    }
  }
}}

It works as expected if I remove the reactUi param. Here is a plunker I have setup that illustrates the problem.

https://plnkr.co/edit/D2bKgj6USnIhO1Tj

Is there an alternative approach to setting up the loader or is this a bug in AG Grid?

UPDATE: Also posted this issue here: https://github.com/ag-grid/ag-grid/issues/4771