RangeError: Maximum call stack size exceeded using antd Drawer

Not sure what the error is, i’m trying to use Antd on a project with Preact but can’t seem to use Drawer (other components don’t work either, like Menu…)

this is what i get from the console on the browser:

Uncaught (in promise) RangeError: Maximum call stack size exceeded
    at Object.createElement (preact-compat.es.js?9cf4:294)
    at Drawer.getChildToRender (Drawer.js?a09f:561)
    at Drawer.render (Drawer.js?a09f:147)
    at callMethod (preact-compat.es.js?9cf4:505)
    at Drawer.eval [as render] (preact-compat.es.js?9cf4:515)
    at renderComponent (preact.js?10a9:271)
    at Drawer.forceUpdate (preact.js?10a9:398)
    at Drawer.componentDidUpdate (Drawer.js?a09f:104)
    at renderComponent (preact.js?10a9:316)
    at Drawer.forceUpdate (preact.js?10a9:398)
Promise.then (async)
enqueueRender @ preact.js?10a9:35
setState @ preact.js?10a9:394
Topbar._this.showDrawer @ index.js?2616:18
Button._this.handleClick @ button.js?f9fc:130
eventProxy @ preact.js?10a9:95

I’m using the example on the Antd website to see if it runs, but no luck… https://ant.design/components/drawer/

My npm install spits out a few react-context warnings, maybe it’s because of that!! Any help on solving this?

Thanks, Tiago

[marvinhagemeister]

@Jossnaz No need to post snarky comments in an issue that’s been closed and had no activity for half a year. That’s not helpful for anyone.

As @JoviDeCroock already laid out: It’s unfortunate that certain libraries rely on internal React features that even the React team doesn’t think is stable and thus shouldn’t be used except for experimental stuff.

There is nothing stopping antd from using stable APIs instead 👍

[JoviDeCroock]

Going to throw it in the channel if we want to support cases like these in compat but from my point of view, we shouldn’t. Things that are marked unstable are that for a reason.