diff --git a/web/ASC.Web.Editor/src/Editor.js b/web/ASC.Web.Editor/src/Editor.js
index eaf4e7c24f..ebeefa3482 100644
--- a/web/ASC.Web.Editor/src/Editor.js
+++ b/web/ASC.Web.Editor/src/Editor.js
@@ -17,10 +17,12 @@ import {
 
 import { EditorWrapper } from "./StyledEditor";
 import { useTranslation } from "react-i18next";
-import useSharingDialog from "./helpers/useSharingDialog";
-import useSelectFileDialog from "./helpers/useSelectFileDialog";
-import useSelectFolderDialog from "./helpers/useSelectFolderDialog";
-import useFilesUtils from "./helpers/useFilesUtils";
+import {
+  useFilesUtils,
+  useSelectFileDialog,
+  useSelectFolderDialog,
+  useSharingDialog,
+} from "./hooks";
 
 const LoaderComponent = (
   <Loader
diff --git a/web/ASC.Web.Editor/src/hooks/index.js b/web/ASC.Web.Editor/src/hooks/index.js
new file mode 100644
index 0000000000..0e383646ac
--- /dev/null
+++ b/web/ASC.Web.Editor/src/hooks/index.js
@@ -0,0 +1,4 @@
+export { default as useFilesUtils } from "./useFilesUtils";
+export { default as useSelectFileDialog } from "./useSelectFileDialog";
+export { default as useSelectFolderDialog } from "./useSelectFolderDialog";
+export { default as useSharingDialog } from "./useSharingDialog";
diff --git a/web/ASC.Web.Editor/src/helpers/useFilesUtils.js b/web/ASC.Web.Editor/src/hooks/useFilesUtils.js
similarity index 84%
rename from web/ASC.Web.Editor/src/helpers/useFilesUtils.js
rename to web/ASC.Web.Editor/src/hooks/useFilesUtils.js
index 19a9475793..37376613f4 100644
--- a/web/ASC.Web.Editor/src/helpers/useFilesUtils.js
+++ b/web/ASC.Web.Editor/src/hooks/useFilesUtils.js
@@ -1,6 +1,6 @@
 import React from "react";
 import { loadComponent } from "../components/dynamic";
-import { FILES_SCOPE } from "./constants";
+import { FILES_SCOPE } from "../helpers/constants";
 function useFilesUtils() {
   React.useEffect(() => {
     if (document.getElementById(FILES_SCOPE)) {
diff --git a/web/ASC.Web.Editor/src/helpers/useSelectFileDialog.js b/web/ASC.Web.Editor/src/hooks/useSelectFileDialog.js
similarity index 96%
rename from web/ASC.Web.Editor/src/helpers/useSelectFileDialog.js
rename to web/ASC.Web.Editor/src/hooks/useSelectFileDialog.js
index 89910f8f2b..2ef6d11532 100644
--- a/web/ASC.Web.Editor/src/helpers/useSelectFileDialog.js
+++ b/web/ASC.Web.Editor/src/hooks/useSelectFileDialog.js
@@ -1,6 +1,7 @@
 import React, { useState } from "react";
 import DynamicComponent from "../components/dynamic";
 import { getPresignedUri } from "@appserver/common/api/files";
+import { FILES_REMOTE_ENTRY_URL, FILES_SCOPE } from "../helpers/constants";
 
 const insertImageAction = "imageFileType";
 const mailMergeAction = "mailMergeFileType";
@@ -122,8 +123,8 @@ function useSelectFileDialog(docEditor, t) {
     typeof window !== "undefined" && isFileDialogVisible ? (
       <DynamicComponent
         system={{
-          scope: "files",
-          url: "/products/files/remoteEntry.js",
+          scope: FILES_SCOPE,
+          url: FILES_REMOTE_ENTRY_URL,
           module: "./SelectFileDialog",
         }}
         resetTreeFolders
diff --git a/web/ASC.Web.Editor/src/helpers/useSelectFolderDialog.js b/web/ASC.Web.Editor/src/hooks/useSelectFolderDialog.js
similarity index 95%
rename from web/ASC.Web.Editor/src/helpers/useSelectFolderDialog.js
rename to web/ASC.Web.Editor/src/hooks/useSelectFolderDialog.js
index 976faecb9a..31222e94d4 100644
--- a/web/ASC.Web.Editor/src/helpers/useSelectFolderDialog.js
+++ b/web/ASC.Web.Editor/src/hooks/useSelectFolderDialog.js
@@ -4,6 +4,7 @@ import Text from "@appserver/components/text";
 import TextInput from "@appserver/components/text-input";
 import Checkbox from "@appserver/components/checkbox";
 import { StyledSelectFolder } from "../StyledEditor";
+import { FILES_REMOTE_ENTRY_URL, FILES_SCOPE } from "../helpers/constants";
 
 function useSelectFolderDialog(t) {
   const [isFolderDialogVisible, setIsFolderDialogVisible] = useState(false);
@@ -71,8 +72,8 @@ function useSelectFolderDialog(t) {
         asideHeightContent="calc(100% - 50px)"
         foldersType="exceptSortedByTags"
         system={{
-          scope: "files",
-          url: "/products/files/remoteEntry.js",
+          scope: FILES_SCOPE,
+          url: FILES_REMOTE_ENTRY_URL,
           module: "./SelectFolderDialog",
         }}
         isPanelVisible={isFolderDialogVisible}
diff --git a/web/ASC.Web.Editor/src/helpers/useSharingDialog.js b/web/ASC.Web.Editor/src/hooks/useSharingDialog.js
similarity index 87%
rename from web/ASC.Web.Editor/src/helpers/useSharingDialog.js
rename to web/ASC.Web.Editor/src/hooks/useSharingDialog.js
index 5c02569442..915b1b71cc 100644
--- a/web/ASC.Web.Editor/src/helpers/useSharingDialog.js
+++ b/web/ASC.Web.Editor/src/hooks/useSharingDialog.js
@@ -1,5 +1,6 @@
 import React, { useState } from "react";
 import DynamicComponent from "../components/dynamic";
+import { FILES_REMOTE_ENTRY_URL, FILES_SCOPE } from "../helpers/constants";
 function useSharingDialog(fileInfo, fileId, docEditor) {
   const [isVisible, setIsVisible] = useState(false);
 
@@ -23,8 +24,8 @@ function useSharingDialog(fileInfo, fileId, docEditor) {
     <DynamicComponent
       className="dynamic-sharing-dialog"
       system={{
-        scope: "files",
-        url: "/products/files/remoteEntry.js",
+        scope: FILES_SCOPE,
+        url: FILES_REMOTE_ENTRY_URL,
         module: "./SharingDialog",
         name: "SharingDialog",
       }}