Plasmic Studio crashes when I select a form

jay-dee · December 8, 2025, 11:10am

What are you trying to do?

In Plasmic Studio, I select a form (from Ant Design System) that is already set on my page. Selecting it causes Studio to crash. The page starts to reload, but nothing else happens, I have to manually reload the page to come back to Studio. And it happens again.

This happens on several forms that are on the same page, but not all of them.

What are the reproduction steps?

Go to the page to edit in the editor.
Select a form in the elements of the page.

Relevant links:

Project page

alex_noel · December 8, 2025, 2:56pm

@jay-dee weird, i can’t reproduce this issue

I will need a bit more info to help you:

Are you experiencing this on all pages? Please send the page names where you are seeing this error
Can you open the console (cmd+shift+c in Chrome, Mac), the page, and show the errors?
Have you recently made any changes to the website?

jay-dee · December 8, 2025, 3:55pm

Hello @alex_noel , thank you for your fast answer!

I only experience this on one page : /data - it works fine everywhere else (and some forms cause no issue on said page).
I have a lot of errors in the console (here is an extract below)… but this is true for the other pages too and they work well. I use chromium based Brave browser.
this has happened for a few weeks now, sometimes I have been able to access a form’s settings after having modified another element on the page, but this seems random.

api2.amplitude.com/2/httpapi:1  Failed to load resource: net::ERR_BLOCKED_BY_CLIENT
instrument.js:109 Amplitude Logger [Error]: Failed to fetch
(anonymous) @ instrument.js:109
instrument.js:109 Amplitude Logger [Warn]: {code: 0, error: "Status 'failed' provided for 1 events"}
(anonymous) @ instrument.js:109

e.error @ logger.js:42
(anonymous) @ destination.js:203
l @ tslib.es6.mjs:147
(anonymous) @ tslib.es6.mjs:128
s @ tslib.es6.mjs:119
instrument.js:109 Amplitude Logger [Warn]: {code: 0, error: "Status 'failed' provided for 1 events"}
(anonymous) @ instrument.js:109
e.warn @ logger.js:32
e.handleResponse @ destination.js:232
(anonymous) @ destination.js:204

e.error @ logger.js:42
(anonymous) @ core-client.js:163

frame-modern.a95920a7.js:1 [Intercom] Launcher is disabled in settings or current page does not match display conditions
eval.ts:114 Error evaluating custom code `(() => {
      try {
        return (
          $state.dataset === "brands"
        );
      } catch (e) {
        if(e instanceof TypeError|| e?.plasmicType === "PlasmicUndefinedDataError") {
          return (
            true
          );
        }
        throw e;
      }
    })()`: 
(anonymous) @ instrument.js:109
(anonymous) @ eval.ts:114
c @ eval.ts:126
p @ eval.ts:172
d @ eval.ts:187
E @ visibility-utils.ts:384
B.m.name @ OutlineCtx.tsx:551
tx @ mobx.esm.js:1902
t.computeValue_ @ mobx.esm.js:1653
t.trackAndCompute @ mobx.esm.js:1630
t.get @ mobx.esm.js:1599
B @ OutlineCtx.tsx:566
(anonymous) @ OutlineCtx.tsx:611
B @ OutlineCtx.tsx:603
(anonymous) @ OutlineCtx.tsx:611
B @ OutlineCtx.tsx:603
(anonymous) @ OutlineCtx.tsx:611
B @ OutlineCtx.tsx:603
M @ OutlineCtx.tsx:515
(anonymous) @ OutlineCtx.tsx:113
(anonymous) @ mobx-utils.module.js:1733
tx @ mobx.esm.js:1902
t.computeValue_ @ mobx.esm.js:1653
t.trackAndCompute @ mobx.esm.js:1630
t.get @ mobx.esm.js:1599
tA @ mobx.esm.js:1836
t.get @ mobx.esm.js:1594
(anonymous) @ mobx-utils.module.js:1721
eT @ tpl-tree.tsx:1887
(anonymous) @ tpl-tree.tsx:1788
(anonymous) @ observer.js:42
(anonymous) @ useObserver.js:115
tx @ mobx.esm.js:1902
t.track @ mobx.esm.js:2493
b @ useObserver.js:113
s @ observer.js:42
ld @ react-dom.production.min.js:160
ou @ react-dom.production.min.js:192
i @ react-dom.production.min.js:293
uI @ react-dom.production.min.js:279
uM @ react-dom.production.min.js:279
u_ @ react-dom.production.min.js:272
r6 @ react-dom.production.min.js:127
uT @ react-dom.production.min.js:273
t2 @ mobx.esm.js:2664
t3 @ mobx.esm.js:2639
tQ @ mobx.esm.js:2272
tc @ mobx.esm.js:1320
tl @ mobx.esm.js:1270
nd @ mobx.esm.js:2779
onFrameLoad @ view-editor.tsx:1823
(anonymous) @ CanvasFrame.tsx:301

eval.ts:114 Error evaluating custom code `(() => {
      try {
        return (
          $state.dataset === "categories"
        );
      } catch (e) {
        if(e instanceof TypeError|| e?.plasmicType === "PlasmicUndefinedDataError") {
          return (
            true
          );
        }
        throw e;
      }
    })()`: 
(anonymous) @ instrument.js:109
(anonymous) @ eval.ts:114
c @ eval.ts:126
p @ eval.ts:172
d @ eval.ts:187
E @ visibility-utils.ts:384
B.m.name @ OutlineCtx.tsx:551
tx @ mobx.esm.js:1902
t.computeValue_ @ mobx.esm.js:1653
t.trackAndCompute @ mobx.esm.js:1630
t.get @ mobx.esm.js:1599
B @ OutlineCtx.tsx:566
(anonymous) @ OutlineCtx.tsx:611
B @ OutlineCtx.tsx:603
(anonymous) @ OutlineCtx.tsx:611
B @ OutlineCtx.tsx:603
(anonymous) @ OutlineCtx.tsx:611
B @ OutlineCtx.tsx:603
M @ OutlineCtx.tsx:515
(anonymous) @ OutlineCtx.tsx:113
(anonymous) @ mobx-utils.module.js:1733
tx @ mobx.esm.js:1902
t.computeValue_ @ mobx.esm.js:1653
t.trackAndCompute @ mobx.esm.js:1630
t.get @ mobx.esm.js:1599
tA @ mobx.esm.js:1836
t.get @ mobx.esm.js:1594
(anonymous) @ mobx-utils.module.js:1721
eT @ tpl-tree.tsx:1887
(anonymous) @ tpl-tree.tsx:1788
(anonymous) @ observer.js:42
(anonymous) @ useObserver.js:115
tx @ mobx.esm.js:1902
t.track @ mobx.esm.js:2493
b @ useObserver.js:113
s @ observer.js:42
ld @ react-dom.production.min.js:160
ou @ react-dom.production.min.js:192
i @ react-dom.production.min.js:293
uI @ react-dom.production.min.js:279
uM @ react-dom.production.min.js:279
u_ @ react-dom.production.min.js:272
r6 @ react-dom.production.min.js:127
uT @ react-dom.production.min.js:273
t2 @ mobx.esm.js:2664
t3 @ mobx.esm.js:2639
tQ @ mobx.esm.js:2272
tc @ mobx.esm.js:1320
tl @ mobx.esm.js:1270
nd @ mobx.esm.js:2779
onFrameLoad @ view-editor.tsx:1823
(anonymous) @ CanvasFrame.tsx:301

eval.ts:114 Error evaluating custom code `(() => {
      try {
        return (
          $state.dataset === "categories"
        );
      } catch (e) {
        if(e instanceof TypeError|| e?.plasmicType === "PlasmicUndefinedDataError") {
          return (
            true
          );
        }
        throw e;
      }
    })()`: ReferenceError: $state is not defined
    at Object.get (eval.ts:103:17)
    at eval (eval at <anonymous> (eval.ts:67:14), <anonymous>:8:9)
    at Object.eval (eval at <anonymous> (eval.ts:67:14), <anonymous>:19:7)
    at eval.ts:112:36
    at c (eval.ts:126:32)
    at p (eval.ts:172:12)
    at d (eval.ts:187:19)
    at E (visibility-utils.ts:384:8)
    at B.m.name (OutlineCtx.tsx:551:14)
    at tx (mobx.esm.js:1902:18)
    at t.computeValue_ (mobx.esm.js:1653:13)
    at t.trackAndCompute (mobx.esm.js:1630:25)
    at t.get (mobx.esm.js:1599:18)
    at B (OutlineCtx.tsx:566:5)
    at OutlineCtx.tsx:611:14
    at Array.map (<anonymous>)
    at B (OutlineCtx.tsx:603:14)
    at OutlineCtx.tsx:611:14
    at Array.map (<anonymous>)
    at B (OutlineCtx.tsx:603:14)
    at OutlineCtx.tsx:611:14
    at Array.map (<anonymous>)
    at B (OutlineCtx.tsx:603:14)
    at M (OutlineCtx.tsx:515:10)
    at N.<anonymous> (OutlineCtx.tsx:113:12)
    at mobx-utils.module.js:1733:38
    at tx (mobx.esm.js:1902:18)
    at t.computeValue_ (mobx.esm.js:1653:13)
    at t.trackAndCompute (mobx.esm.js:1630:25)
    at t.get (mobx.esm.js:1599:18)
    at tA (mobx.esm.js:1836:21)
    at t.get (mobx.esm.js:1594:11)
    at tA (mobx.esm.js:1836:21)
    at t.runReaction_ (mobx.esm.js:2456:11)
    at t4 (mobx.esm.js:2655:29)
    at t2 (mobx.esm.js:2632:10)
    at mobx.esm.js:2665:14
    at uT (react-dom.production.min.js:273:42)
    at t2 (mobx.esm.js:2664:12)
    at t3 (mobx.esm.js:2639:3)
    at tQ (mobx.esm.js:2272:5)
    at tc (mobx.esm.js:1320:3)
    at tl (mobx.esm.js:1270:5)
    at nd (mobx.esm.js:2779:10)
    at Object.onCommitFiberRoot (globalHook.ts:945:11)
    at client.32753c.js:2:110697
    at client.32753c.js:2:110763
    at uI (client.32753c.js:2:111013)
    at uS (client.32753c.js:2:94574)
    at S (client.32753c.js:2:130396)
(anonymous) @ instrument.js:109
(anonymous) @ eval.ts:114
c @ eval.ts:126
p @ eval.ts:172
d @ eval.ts:187
E @ visibility-utils.ts:384
B.m.name @ OutlineCtx.tsx:551
tx @ mobx.esm.js:1902
t.computeValue_ @ mobx.esm.js:1653
t.trackAndCompute @ mobx.esm.js:1630
t.get @ mobx.esm.js:1599
B @ OutlineCtx.tsx:566
(anonymous) @ OutlineCtx.tsx:611
B @ OutlineCtx.tsx:603
(anonymous) @ OutlineCtx.tsx:611
B @ OutlineCtx.tsx:603
(anonymous) @ OutlineCtx.tsx:611
B @ OutlineCtx.tsx:603
M @ OutlineCtx.tsx:515
(anonymous) @ OutlineCtx.tsx:113
(anonymous) @ mobx-utils.module.js:1733
tx @ mobx.esm.js:1902
t.computeValue_ @ mobx.esm.js:1653
t.trackAndCompute @ mobx.esm.js:1630
t.get @ mobx.esm.js:1599
tA @ mobx.esm.js:1836
t.get @ mobx.esm.js:1594
tA @ mobx.esm.js:1836
t.runReaction_ @ mobx.esm.js:2456
t4 @ mobx.esm.js:2655
t2 @ mobx.esm.js:2632
(anonymous) @ mobx.esm.js:2665
uT @ react-dom.production.min.js:273
t2 @ mobx.esm.js:2664
t3 @ mobx.esm.js:2639
tQ @ mobx.esm.js:2272
tc @ mobx.esm.js:1320
tl @ mobx.esm.js:1270
nd @ mobx.esm.js:2779
onCommitFiberRoot @ globalHook.ts:945
(anonymous) @ client.32753c.js:2
(anonymous) @ client.32753c.js:2
uI @ client.32753c.js:2
uS @ client.32753c.js:2
S @ client.32753c.js:2
R @ client.32753c.js:2

alex_noel · December 8, 2025, 4:14pm

jay-dee:

eval.ts:114 Error evaluating custom code `(() => {
      try {
        return (
          $state.dataset === "categories"
        );
      } catch (e) {
        if(e instanceof TypeError|| e?.plasmicType === "PlasmicUndefinedDataError") {
          return (
            true
          );
        }
        throw e;
      }
    })()`: ReferenceError: $state is not defined
    at Object.get (eval.ts:103:17)

It seems to be related to this error
you can use More → Expressions in the left sidebar to search for $state.dataset === "categories" if you are not sure where it was used.
Most likely, you are trying to access the state before it has been initialised
Are you using state variables somewhere within the query?

jay-dee · December 11, 2025, 9:08am

Hello !

Looking into it, I get the same error for every state value that I use for the two state variables that I have created on this page, but I get them as soon as I load this page on Plasmic Studio, and the page loads.

I have a very basic use for this states which is showing and hiding elements according to the variable, as I am building a data dashboard. I have tried to change initial and preview value but still get the crash.

Have you managed to reproduce the issue @alex_noel ?

sarah_ahmed · December 13, 2025, 7:53am

Hello @jay-dee We have narrowed the issue down to a simplified Antd Form being nested inside an invisible node. We’re investigating this further and exploring possible fixes. In the meantime, to unblock yourself, you can first click the invisible container and then click the form. This should prevent the Studio from crashing.

jay-dee · December 15, 2025, 12:24pm

Hello and thank you @sarah_ahmed.

I have tried clicking the invisible container first then the form, but it still crashes. I have also tried to make the container visible before clicking the form but the result is the sam.

I hope this get fixed soon as I can’t currently work on this app

sarah_ahmed · December 16, 2025, 8:04am

Hello @jay-dee

We are still working on a fix, but in the mean time, please ensure that the query has finished execution before the form is clicked, by clicking on the immediate parent first.

I have tried clicking the invisible container first then the form

May be that’s because the query is still in progress - or the form itself is also hidden? The idea is to let the query execute before the form is clicked.

sarah_ahmed · December 16, 2025, 10:20am

While we fix it, another way to unblock yourself is by turning off the auto-open mode Visibility | Learn Plasmic

jay-dee · December 16, 2025, 2:41pm

Hello @sarah_ahmed ,

Yes the form is also hidden, with conditional visibility. But the issue does not happen with all forms all the time. One in particular causes the crash systematically : the form named “Form Edit Texts”.

Turning off auto-open mode works sometimes, sometimes not…

But these are forms related to data tables to edit entry, and here is another issue : fields do not appear in the settings panel while they can be seen on the canva, here the example with the form “Form Edit Materials”.

sarah_ahmed · December 17, 2025, 11:17am

Hey @jay-dee

A fix is on the way. It’s delayed due to a CI issue, but it should be available soon.

sarah_ahmed · December 18, 2025, 8:41am

The fix has been deployed.

jay-dee · December 18, 2025, 2:17pm

I confirm it works well now, thank you!