React-data-grid N.current is null when tried using basic example

Hello, when we try using tables with https://github.com/adazzle/react-data-grid api the Forge App installs fine but when tried the app the console says Uncaught type errors: N.current is null…

I wonder what is the reason, as if we try it plain as a plain React app it works with no problems and this is givin us a headache. Is it scope issue or what?

Our demo example:

import React, { useEffect, useState } from 'react';
import { invoke } from '@forge/bridge';
import 'react-data-grid/lib/styles.css';
import DataGrid from 'react-data-grid';

const columns = [
  { key: 'id', name: 'ID' },
  { key: 'title', name: 'Title' }
];

const rows = [
  { id: 0, title: 'Example' },
  { id: 1, title: 'Demo' }
];

function App()  {
	
    const [data, setData] = useState(null);
	
    useEffect(() => {
        invoke('getText', { example: 'my-invoke-variable' }).then(setData);
    }, []);


    return (
        <div>
            {data ? data : 'Loading...'}
			<DataGrid columns={columns} rows={rows} />
        </div>
    );    
}
export default App;