Can't get AG Grid to work

[chimeracle]

I've attempted to dive into reflex-ag-grid, but I'm unable to get it to work. Does anyone have any pointers on fixing this?

Here's my environment, followed by my app page, and then the error.
Python 3.12.0
Pandas 2.2.3
Reflex 0.5.10
Reflex-ag-grid 0.0.5

Ran reflex init and chose 0 for a blank, single page project. Copied the first example from the docs and fit it into the project.

import reflex as rx
from reflex_ag_grid import ag_grid
import pandas as pd


df = pd.read_csv(
    "https://raw.githubusercontent.com/plotly/datasets/master/wind_dataset.csv"
)

column_defs = [
    ag_grid.column_def(field="direction"),
    ag_grid.column_def(field="strength"),
    ag_grid.column_def(field="frequency"),
]


def index() -> rx.Component:
    return ag_grid(
        id="ag_grid_basic_1",
        row_data=df.to_dict("records"),
        column_defs=column_defs,
        width="100%",
    )


app = rx.App()
app.add_page(index)

Here's the error minus the github csv data:

Failed to compile
./pages/index.js
Error: 
  x Expected ',', got ':'
    ,-[P:\PycharmProjects\ReflexTableTest\.web\pages\index.js:58:1]
 58 | 
 59 | 
 60 |   return (
 61 |     <AgGridReact animateRows={false} autoGroupColumnDef={{}} className={(() => { switch (JSON.stringify(`quartz`)) {case JSON.stringify(`quartz`):  return (isTrue(((resolvedColorMode) === (`light`))) ? `ag-theme-quartz` : `ag-theme-quartz-dark`);  break;case JSON.stringify(`balham`):  return (isTrue(((resolvedColorMode) === (`light`))) ? `ag-theme-balham` : `ag-theme-balham-dark`);  break;case JSON.stringify(`alpine`):  return (isTrue(((resolvedColorMode) === (`light`))) ? `ag-theme-alpine` : `ag-theme-alpine-dark`);  break;case JSON.stringify(`material`):  return (isTrue(((resolvedColorMode) === (`light`))) ? `ag-theme-material` : `ag-theme-material-dark`);  break;default:  return (``);  break;};})()} columnDefs={["field": "direction", "colId": null, "type": null, "cellDataType": null, "hide": false, "editable": false, "filter": null, "floatingFilter": false, "headerName": null, "headerTooltip": null, "checkboxSelection": false, "cellEditor": null, "cellEditorParams": null, "field": "strength", "colId": null, "type": null, "cellDataType": null, "hide": false, "editable": false, "filter": null, "floatingFilter": false, "headerName": null, "headerTooltip": null, "checkboxSelection": false, "cellEditor": null, "cellEditorParams": null, "field": "frequency", "colId": null, "type": null, "cellDataType": null, "hide": false, "editable": false, "filter": null, "floatingFilter": false, "headerName": null, "headerTooltip": null, "checkboxSelection": false, "cellEditor": null, "cellEditorParams": null]} defaultColDef={{}} groupAllowUnbalanced={false} groupDefaultExpanded={-1} groupLockGroupColumns={0} groupSelectsChildren={false} id={`ag_grid_basic_1`} maintainColumnOrder={false} pagination={false} paginationPageSize={10} paginationPageSizeSelector={[10, 25, 50]} pinnedBottomRowData={[]} pivotPanelShow={`never`} ref={ref_ag_grid_basic_1} rowData={[long list of data from csv cut out to reduce error size]} rowGroupPanelShow={`never`} rowSelection={`single`} serverSideEnableClientSideSort={false} sideBar={``} suppressAggFuncInHeader={false} suppressRowClickSelection={false} treeData={false}/>
    :                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             ^
 62 |   )
 63 | }
 63 | 

    `----

Caused by:
    Syntax Error

[masenf]

Can you give it a try with 0.6.0a4? About to release the final version today. It fixes this serialization bug.

[chimeracle]

That did it. Thanks again, @masenf !