Its instance type 'ReactGrid' is not a valid JSX element.

[nirmaanlabs]

trafficstars

Describe the bug A clear and concise description of what the bug is.

'ReactGrid' cannot be used as a JSX component.
  Its instance type 'ReactGrid' is not a valid JSX element.
    Type 'ReactGrid' is missing the following properties from type 'ElementClass': context, setState, forceUpdate, props, refs
    45 |   const columns = getColumns();
    46 |
  > 47 |   return <ReactGrid rows={rows} columns={columns} />;
       |           ^^^^^^^^^
    48 | }
    49 |

I copy pasted code from getting started using react 18.2.0

• Device: desktop
• OS: Windows
• Browser: chrome

[SimantoR]

This is due to the fact that ReactGrid is written as class components and I think react@18 depricates class components. I do want to start a PR to convert it into functional components. There seems to be other depricated depenencies as well that would either need to be updated or removed all together. Looking for advice from maintainer. This is a very useful tool and I'd like to get a PR started with some guidance.

[czerwiukk]

Hello guys! The ReactGrid's codebase is quite old. There are classes like PointerEventsController that should be completely rewritten to hooks to apply such logic in functional components. Currently we are working on a new version of ReactGrid from scratch, using relevant syntax and practices. We've got limited resources for that project, but we strive to announce it as soon as it's possible.

[MarcoDeJong]

If you want collaborators for that work, it might be usefull to push this to a development branch

[ChristoRibeiro]

@czerwiukk are you looking for contributors? Is the new version available somewhere?

[DLowHP]

Hi! When it comes to the mentioned issue I believe it should work now after updating react-scripts (see PR#193).

As for questions about new version - we had to postpone this because many people are still using the current version so we need to address current issues first before introducing breaking changes and a whole new architecture. When the time comes you’ll most likely see our work in on a separate branch or somewhere 😄

Thanks for sharing your thoughts. Take care!