Material-table: Trying to call onQueryChange(), but tableRef.current is always null

[Azteker]

function InstanceTable() {
    const tableRef = React.createRef();
    const reloadTableData = () => {
       tableRef.current.onQueryChange();
    };

    return (
    <MaterialTable
      title="Instance"
      tableRef={tableRef}
      ...
    />
}

When reloadTableData is called, tableRef.current is null.

[wasuaje]

Same issue here!

[e-hop]

workaround:

Declare the ref as global, outside your main function.

[kepelrs]

If you don't want a global ref: replace const tableRef = React.createRef(); with const tableRef = React.useRef(); instead. Worked for me.