diff --git a/packages/plugin-r3f/src/components/Toolbar/Toolbar.tsx b/packages/plugin-r3f/src/components/Toolbar/Toolbar.tsx
index 3d98227..a3bb84a 100644
--- a/packages/plugin-r3f/src/components/Toolbar/Toolbar.tsx
+++ b/packages/plugin-r3f/src/components/Toolbar/Toolbar.tsx
@@ -24,7 +24,7 @@ const Toolbar: VFC = () => {
     <>
       <ToolbarIconButton
         onClick={() => {
-          studio.createPane('snapshotEditor')
+          studio.createPane('snapshot')
         }}
         title="Create snapshot"
       >
diff --git a/packages/plugin-r3f/src/extension.ts b/packages/plugin-r3f/src/extension.ts
index 8973480..a4019ea 100644
--- a/packages/plugin-r3f/src/extension.ts
+++ b/packages/plugin-r3f/src/extension.ts
@@ -9,7 +9,7 @@ const r3fExtension: IExtension = {
   },
   panes: [
     {
-      class: 'snapshotEditor',
+      class: 'snapshot',
       component: SnapshotEditor,
     },
   ],