diff --git a/templates/plate-playground-template/src/components/plate-ui/fixed-toolbar-buttons.tsx b/templates/plate-playground-template/src/components/plate-ui/fixed-toolbar-buttons.tsx
index 1a04494998..9daf9f87e4 100644
--- a/templates/plate-playground-template/src/components/plate-ui/fixed-toolbar-buttons.tsx
+++ b/templates/plate-playground-template/src/components/plate-ui/fixed-toolbar-buttons.tsx
@@ -6,7 +6,7 @@ import {
   MARK_STRIKETHROUGH,
   MARK_UNDERLINE,
 } from '@udecode/plate-basic-marks';
-import { useEditorReadOnly } from '@udecode/plate-core';
+import { useEditorReadOnly } from '@udecode/plate-common';
 import { MARK_BG_COLOR, MARK_COLOR } from '@udecode/plate-font';
 import { ListStyleType } from '@udecode/plate-indent-list';
 import { ELEMENT_IMAGE } from '@udecode/plate-media';
diff --git a/templates/plate-playground-template/src/components/plate-ui/floating-toolbar-buttons.tsx b/templates/plate-playground-template/src/components/plate-ui/floating-toolbar-buttons.tsx
index 6aab0cc38c..aedd7c567b 100644
--- a/templates/plate-playground-template/src/components/plate-ui/floating-toolbar-buttons.tsx
+++ b/templates/plate-playground-template/src/components/plate-ui/floating-toolbar-buttons.tsx
@@ -6,7 +6,7 @@ import {
   MARK_STRIKETHROUGH,
   MARK_UNDERLINE,
 } from '@udecode/plate-basic-marks';
-import { useEditorReadOnly } from '@udecode/plate-core';
+import { useEditorReadOnly } from '@udecode/plate-common';
 
 import { Icons } from '@/components/icons';
 import { CommentToolbarButton } from '@/components/plate-ui/comment-toolbar-button';
diff --git a/templates/plate-playground-template/src/components/plate-ui/mode-dropdown-menu.tsx b/templates/plate-playground-template/src/components/plate-ui/mode-dropdown-menu.tsx
index f6c5eafece..a931815f68 100644
--- a/templates/plate-playground-template/src/components/plate-ui/mode-dropdown-menu.tsx
+++ b/templates/plate-playground-template/src/components/plate-ui/mode-dropdown-menu.tsx
@@ -2,10 +2,10 @@ import React from 'react';
 import { DropdownMenuProps } from '@radix-ui/react-dropdown-menu';
 import {
   focusEditor,
+  useEditorReadOnly,
   useEditorState,
   usePlateStore,
 } from '@udecode/plate-common';
-import { useEditorReadOnly } from '@udecode/plate-core';
 
 import { Icons } from '@/components/icons';