docs(readme): update Quick Start section to reflect named export (#3711)

* docs(readme): update Quick Start section to reflect named export

This commit updates README.md Quick Start section to align with current package exports.
Remove default export example as the package now uses named export.

Signed-off-by: Adem TONAY <ademtonay@gmail.com>

* fix other imports

* ignore these new lints for now

---------

Signed-off-by: Adem TONAY <ademtonay@gmail.com>
Co-authored-by: Nicolas Stepien <stepien.nicolas@gmail.com>

Author: ademtonay

README.md

@@ -64,7 +64,7 @@ npm install react-data-grid
 ```jsx
 import 'react-data-grid/lib/styles.css';
 
-import DataGrid from 'react-data-grid';
+import { DataGrid } from 'react-data-grid';
 
 const columns = [
   { key: 'id', name: 'ID' },
@@ -114,7 +114,7 @@ An optional array of summary rows, usually used to display total values for exam
 A function returning a unique key/identifier per row. `rowKeyGetter` is required for row selection to work.
 
 ```tsx
-import DataGrid from 'react-data-grid';
+import { DataGrid } from 'react-data-grid';
 
 interface Row {
   id: number;
@@ -140,7 +140,7 @@ The second parameter is an object with an `indexes` array highlighting which row
 
 ```tsx
 import { useState } from 'react';
-import DataGrid from 'react-data-grid';
+import { DataGrid } from 'react-data-grid';
 
 function MyGrid() {
   const [rows, setRows] = useState(initialRows);
@@ -181,7 +181,7 @@ A function called when row selection is changed.
 
 ```tsx
 import { useState } from 'react';
-import DataGrid, { SelectColumn } from 'react-data-grid';
+import { DataGrid, SelectColumn } from 'react-data-grid';
 
 const rows: readonly Rows[] = [...];
 
@@ -224,7 +224,7 @@ A function called when sorting is changed
 
 ```tsx
 import { useState } from 'react';
-import DataGrid, { SelectColumn } from 'react-data-grid';
+import { DataGrid, SelectColumn } from 'react-data-grid';
 
 const rows: readonly Rows[] = [...];
 
@@ -422,7 +422,7 @@ interface Renderers<TRow, TSummaryRow> {
 For example, the default `<Row />` component can be wrapped via the `renderRow` prop to add contexts or tweak props
 
 ```tsx
-import DataGrid, { RenderRowProps, Row } from 'react-data-grid';
+import { DataGrid, RenderRowProps, Row } from 'react-data-grid';
 
 function myRowRenderer(key: React.Key, props: RenderRowProps<Row>) {
   return (
@@ -444,7 +444,7 @@ function MyGrid() {
 A function to add a class on the row
 
 ```tsx
-import DataGrid from 'react-data-grid';
+import { DataGrid } from 'react-data-grid';
 
 function MyGrid() {
   return <DataGrid columns={columns} rows={rows} rowClass={rowClass} />;

src/DataGrid.tsx

@@ -1066,6 +1066,7 @@ export function DataGrid<R, SR = unknown, K extends Key = Key>(props: DataGridPr
   // Reset the positions if the current values are no longer valid. This can happen if a column or row is removed
   if (selectedPosition.idx > maxColIdx || selectedPosition.rowIdx > maxRowIdx) {
     setSelectedPosition({ idx: -1, rowIdx: minRowIdx - 1, mode: 'SELECT' });
+    // eslint-disable-next-line react-compiler/react-compiler
     setDraggedOverRowIdx(undefined);
   }
 
@@ -1190,6 +1191,7 @@ export function DataGrid<R, SR = unknown, K extends Key = Key>(props: DataGridPr
               );
             })}
             <RowSelectionChangeContext value={selectRowLatest}>
+              {/* eslint-disable-next-line react-compiler/react-compiler */}
               {getViewportRows()}
             </RowSelectionChangeContext>
             {bottomSummaryRows?.map((row, rowIdx) => {