Penpot frequently crashes updating components

Troubleshooting
1

Hi,
I’ve been testing Penpot on a pretty complex design system, and it seems to be crashing much more as of late. In particular when I update the main component from an instance. It happens when I delete said instance and try to pull a copy from the main onto the canvas. It also happens if I detach the instance after using it to update the main component.

But outside of that, it still crashes quite frequently. Sometimes it’s network-related and sometimes it happens as I described above. Other times I have no idea why it crashes. This makes Penpot frustrating to use.

I filed a GitHub issue for it. This is the report it generated on the last crash -

Hint:    error on validating file referential integrity
Prof ID: 42a0cdf3-4d18-8022-8005-0e8b49a35879
Team ID: 49b00968-4f7f-8030-8005-6b204390bcd5
File ID: 331b47c0-6c56-80d5-8005-6b218c563900

Data:
{:type :validation,
 :code :referential-integrity,
 :hint "error on validating file referential integrity",
 :file-id #uuid "331b47c0-6c56-80d5-8005-6b218c563900",
 :details
 [{:code :ref-shape-not-found,
   :hint "Referenced shape 7ea395e0-073f-8073-8005-8d53e5d334a2 not found in near component",
   :shape
   ##object[Function]{:id #uuid "53c4e156-f561-80ac-8005-8f3013144b1f",
                      :name "Label",
                      :type :frame,
                      :x -433,
                      :y 17636,
                      :width 493,
                      :height 84,
                      :rotation 0,
                      :selrect ##object[ev]{#, #, #, #, #, #, #, #},
                      :points [# # # #],
                      ...},
   :file-id #uuid "331b47c0-6c56-80d5-8005-6b218c563900",
   :page-id #uuid "345886aa-f4d1-8033-8005-67d02dc8515c",
   :shape-id #uuid "53c4e156-f561-80ac-8005-8f3013144b1f",
   :args nil}
  {:code :ref-shape-not-found,
   :hint "Referenced shape 7ea395e0-073f-8073-8005-8d53e5d363ac not found in near component",
   :shape
   ##object[Function]{:id #uuid "53c4e156-f561-80ac-8005-8f3013148778",
                      :name "Field",
                      :type :frame,
                      :x -433,
                      :y 17636,
                      :width 493,
                      :height 32,
                      :rotation 0,
                      :selrect ##object[ev]{#, #, #, #, #, #, #, #},
                      :points [# # # #],
                      ...},
   :file-id #uuid "331b47c0-6c56-80d5-8005-6b218c563900",
   :page-id #uuid "345886aa-f4d1-8033-8005-67d02dc8515c",
   :shape-id #uuid "53c4e156-f561-80ac-8005-8f3013148778",
   :args nil}
  {:code :ref-shape-not-found,
   :hint "Referenced shape 7ea395e0-073f-8073-8005-8d53e5d3bba6 not found in near component",
   :shape
   ##object[Function]{:id #uuid "53c4e156-f561-80ac-8005-8f30131487a0",
                      :name "Inline message",
                      :type :frame,
                      :x -433,
                      :y 17672,
                      :width 493,
                      :height 22,
                      :rotation 0,
                      :selrect ##object[ev]{#, #, #, #, #, #, #, #},
                      :points [# # # #],
                      ...},
   :file-id #uuid "331b47c0-6c56-80d5-8005-6b218c563900",
   :page-id #uuid "345886aa-f4d1-8033-8005-67d02dc8515c",
   :shape-id #uuid "53c4e156-f561-80ac-8005-8f30131487a0",
   :args nil}
  {:code :ref-shape-not-found,
   :hint "Referenced shape 7ea395e0-073f-8073-8005-8d53e5d3bbaf not found in near component",
   :shape
   ##object[Function]{:id #uuid "53c4e156-f561-80ac-8005-8f301314e883",
                      :name "Label",
                      :type :frame,
                      :x 72,
                      :y 17636,
                      :width 493,
                      :height 84,
                      :rotation 0,
                      :selrect ##object[ev]{#, #, #, #, #, #, #, #},
                      :points [# # # #],
                      ...},
   :file-id #uuid "331b47c0-6c56-80d5-8005-6b218c563900",
   :page-id #uuid "345886aa-f4d1-8033-8005-67d02dc8515c",
   :shape-id #uuid "53c4e156-f561-80ac-8005-8f301314e883",
   :args nil}
  {:code :ref-shape-not-found,
   :hint "Referenced shape 7ea395e0-073f-8073-8005-8d53e5d3d661 not found in near component",
   :shape
   ##object[Function]{:id #uuid "53c4e156-f561-80ac-8005-8f3013151cd9",
                      :name "Field",
                      :type :frame,
                      :x 72,
                      :y 17724,
                      :width 493,
                      :height 32,
                      :rotation 0,
                      :selrect ##object[ev]{#, #, #, #, #, #, #, #},
                      :points [# # # #],
                      ...},
   :file-id #uuid "331b47c0-6c56-80d5-8005-6b218c563900",
   :page-id #uuid "345886aa-f4d1-8033-8005-67d02dc8515c",
   :shape-id #uuid "53c4e156-f561-80ac-8005-8f3013151cd9",
   :args nil}
  {:code :ref-shape-not-found,
   :hint "Referenced shape 7ea395e0-073f-8073-8005-8d53e5d3d689 not found in near component",
   :shape
   ##object[Function]{:id #uuid "53c4e156-f561-80ac-8005-8f3013151d01",
                      :name "Inline message",
                      :type :frame,
                      :x 72,
                      :y 17782,
                      :width 493,
                      :height 22,
                      :rotation 0,
                      :selrect ##object[ev]{#, #, #, #, #, #, #, #},
                      :points [# # # #],
                      ...},
   :file-id #uuid "331b47c0-6c56-80d5-8005-6b218c563900",
   :page-id #uuid "345886aa-f4d1-8033-8005-67d02dc8515c",
   :shape-id #uuid "53c4e156-f561-80ac-8005-8f3013151d01",
   :args nil}]}

Trace:
Error: http error
  at new PENPOT.$g (https://design.penpot.app/js/shared.60af8d0bc-1736258199.js:299:97)
  at PENPOT.ah (https://design.penpot.app/js/shared.60af8d0bc-1736258199.js:299:419)
  at PENPOT.bh (https://design.penpot.app/js/shared.60af8d0bc-1736258199.js:299:372)
  at PENPOT.sUa (https://design.penpot.app/js/shared.60af8d0bc-1736258199.js:1263:410)
  at https://design.penpot.app/js/shared.60af8d0bc-1736258199.js:1237:242
  at h (https://design.penpot.app/js/libs.js?ts=1736258776106:592:16436)
  at e._ [as _nextOverride] (https://design.penpot.app/js/libs.js?ts=1736258776106:592:16386)
  at e.Lut [as _next] (https://design.penpot.app/js/libs.js?ts=1736258776106:592:1873)
  at e.next (https://design.penpot.app/js/libs.js?ts=1736258776106:592:1370)
  at e.next [as _nextOverride] (https://design.penpot.app/js/libs.js?ts=1736258776106:592:13985)
  at e.Lut [as _next] (https://design.penpot.app/js/libs.js?ts=1736258776106:592:1873)
  at e.next (https://design.penpot.app/js/libs.js?ts=1736258776106:592:1370)
  at e.next [as _nextOverride] (https://design.penpot.app/js/libs.js?ts=1736258776106:592:13985)
  at e.Lut [as _next] (https://design.penpot.app/js/libs.js?ts=1736258776106:592:1873)
  at e.next (https://design.penpot.app/js/libs.js?ts=1736258776106:592:1370)
  at https://design.penpot.app/js/libs.js?ts=1736258776106:592:4469

Last events:
[":app.main.data.persistence/update-status"
 ":app.main.data.persistence/run-persistence-task"
 ":app.main.data.persistence/update-file-revn"
 ":app.main.data.workspace.thumbnails/assoc-thumbnail"
 ":app.main.data.workspace.highlight/highlight-shape"
 ":app.main.data.workspace.highlight/dehighlight-shape"
 ":app.main.data.workspace.highlight/highlight-shape"
 ":app.main.data.persistence/persist-commit"
 ":app.main.data.persistence/run-persistence-task"
 ":app.main.data.persistence/update-status"
 ":app.main.data.persistence/append-commit"
 ":app.main.data.workspace.highlight/dehighlight-shape"
 ":app.main.data.workspace.highlight/highlight-shape"
 ":app.main.data.workspace.highlight/dehighlight-shape"
 ":app.main.data.workspace.highlight/highlight-shape"
 ":app.main.data.workspace.highlight/dehighlight-shape"
 ":app.main.data.workspace.highlight/highlight-shape"
 ":app.main.data.workspace.highlight/dehighlight-shape"
 ":app.main.data.workspace.highlight/highlight-shape"
 ":app.main.data.workspace.highlight/dehighlight-shape"
 ":app.main.data.workspace.highlight/highlight-shape"
 ":app.main.data.workspace.undo/check-open-transactions"
 ":app.main.data.workspace.collapse/expand-all-parents"
 ":app.main.data.workspace.selection/select-shape"
 ":app.main.data.workspace.undo/check-open-transactions"
 ":app.main.data.workspace.highlight/dehighlight-shape"
 ":app.main.data.workspace.highlight/highlight-shape"
 ":app.main.data.workspace.highlight/dehighlight-shape"
 ":app.main.data.workspace.highlight/highlight-shape"
 ":app.main.data.workspace.highlight/dehighlight-shape"
 ":app.main.data.workspace.highlight/highlight-shape"
 ":app.main.data.workspace.highlight/dehighlight-shape"
 ":app.main.data.workspace.highlight/highlight-shape"
 ":app.main.data.workspace.undo/check-open-transactions"
 ":app.main.data.workspace.highlight/dehighlight-shape"
 ":app.main.data.workspace.highlight/highlight-shape"
 ":app.main.data.persistence/error"
 ":app.main.data.persistence/update-status"
 ":app.main.data.persistence/discard-persistence-state"
 ":app.main.data.workspace.colors/stop-picker"
 ":app.main.data.modal/hide-modal"
 ":app.main.data.notifications/hide"
 ":app.main.data.workspace.notifications/finalize"
 ":app.main.data.workspace.shape-layout/finalize"
 ":app.main.data.workspace/finalize-file"
 ":app.main.data.workspace/finalize-page"
 ":app.main.data.shortcuts/pop-shortcuts"
 ":app.main.data.workspace/set-gap-selected"
 ":app.main.data.workspace/set-paddings-selected"
 ":app.main.data.events/event"
 ":app.main.data.workspace.undo/check-open-transactions"]

Any ideas what’s happening?

2

Hello!

We believe you have this bug: Taiga. We are working on solving it as soon as possible. Thanks for the reporting

1 Like
3

Great! Thank you, looking forward to it being resolved.

4

Hi,
That can’t be the only issue. The app is generally laggy and slow and no longer attaching and detaching components… is there some upper limit on how much Penpot can handle at the moment?

5

I’ve been running into this problem with components as well.

I’m also seeing similar issues with crashing and lagginess—Can’t pinpoint a specific action. Given the overall lagginess, there has to be an upper limit.

1 Like