Hi all!
I'm doing some exploratory work to see if the React Bryntum Grid component can solve our product's use case. One piece of functionality that our business would really like to have is a button that is available when our grid is grouped by a specific column. I've seen how it's possible to create my own custom function that returns HTML using the "groupRenderer" function, but our application seems to throw an error when I try to return JSX. I'm not sure that it will be helpful, but here is the specific error that I'm seeing:
Uncaught TypeError: h is not a function
at DomSync.syncChildren (grid.module.js:10:1)
at DomSync.performSync (grid.module.js:10:1)
at DomSync.sync (grid.module.js:10:1)
at Object.buildGroupHeader (grid.module.js:28:1)
at Object.renderCell (grid.module.js:28:1)
at Object.trigger (grid.module.js:10:1)
at Object.renderCell (grid.module.js:28:1)
at Object.render (grid.module.js:28:1)
at Object.renderFromRow (grid.module.js:53:1)
at Object.renderFromRow (grid.module.js:53:1)
Has anyone else run into this problem before? I'm assuming JSX just isn't supported as a valid return type for this function, so has anyone built a workaround for this? I could probably find a way to attach event listeners using vanilla JS selectors, but I'd have a few concerns around React re-rendering the DOM nodes (thus causing issues with the listeners).
Thanks in advance!