diff --git a/src/renderer/src/components/Popups/TextFilePreview.tsx b/src/renderer/src/components/Popups/TextFilePreview.tsx
index f5fa787d0b..9c74eef0d1 100644
--- a/src/renderer/src/components/Popups/TextFilePreview.tsx
+++ b/src/renderer/src/components/Popups/TextFilePreview.tsx
@@ -1,3 +1,4 @@
+import { EditorState } from '@codemirror/state'
 import { Modal } from 'antd'
 import { useState } from 'react'
 import styled from 'styled-components'
@@ -55,12 +56,12 @@ const PopupContainer: React.FC<Props> = ({ text, title, extension, resolve }) =>
       footer={null}>
       {extension !== undefined ? (
         <Editor
-          editable={false}
           expanded={false}
           height="100%"
           style={{ height: '100%' }}
           value={text}
           language={extension}
+          extensions={[EditorState.readOnly.of(true)]}
         />
       ) : (
         <Text>{text}</Text>