diff --git a/src/containers/App.tsx b/src/containers/App.tsx
index 517f7b54..b736931d 100644
--- a/src/containers/App.tsx
+++ b/src/containers/App.tsx
@@ -8,7 +8,7 @@ import { MainRouter } from '~/containers/main/MainRouter';
 import { DragDetectorProvider } from '~/hooks/dom/useDragDetector';
 import { UserContextProvider } from '~/utils/context/UserContextProvider';
 import { SWRConfigProvider } from '~/utils/providers/SWRConfigProvider';
-import { observer } from 'mobx-react';
+import { observer } from 'mobx-react-lite';
 import { useGlobalLoader } from '~/hooks/dom/useGlobalLoader';
 import { SearchProvider } from '~/utils/providers/SearchProvider';
 import { ToastProvider } from '~/utils/providers/ToastProvider';
diff --git a/src/containers/dialogs/EditorEditDialog/index.tsx b/src/containers/dialogs/EditorEditDialog/index.tsx
index b026269a..87c10ae3 100644
--- a/src/containers/dialogs/EditorEditDialog/index.tsx
+++ b/src/containers/dialogs/EditorEditDialog/index.tsx
@@ -7,7 +7,7 @@ import styles from './styles.module.scss';
 import { useLoadNode } from '~/hooks/node/useLoadNode';
 import { useUpdateNode } from '~/hooks/node/useUpdateNode';
 import { INode } from '~/types';
-import { observer } from 'mobx-react';
+import { observer } from 'mobx-react-lite';
 
 const EditorEditDialog: FC = observer(() => {
   const history = useHistory();
diff --git a/src/containers/dialogs/PhotoSwipe/index.tsx b/src/containers/dialogs/PhotoSwipe/index.tsx
index 9521dade..8a534e27 100644
--- a/src/containers/dialogs/PhotoSwipe/index.tsx
+++ b/src/containers/dialogs/PhotoSwipe/index.tsx
@@ -7,7 +7,7 @@ import { PRESETS } from '~/constants/urls';
 import styles from './styles.module.scss';
 import classNames from 'classnames';
 import { useModal } from '~/hooks/modal/useModal';
-import { observer } from 'mobx-react';
+import { observer } from 'mobx-react-lite';
 import { IFile } from '~/types';
 import { DialogComponentProps } from '~/types/modal';
 
diff --git a/src/containers/main/Header/index.tsx b/src/containers/main/Header/index.tsx
index 94fb2022..492892d9 100644
--- a/src/containers/main/Header/index.tsx
+++ b/src/containers/main/Header/index.tsx
@@ -11,7 +11,7 @@ import styles from './styles.module.scss';
 import isBefore from 'date-fns/isBefore';
 import { Authorized } from '~/components/containers/Authorized';
 import { Button } from '~/components/input/Button';
-import { observer } from 'mobx-react';
+import { observer } from 'mobx-react-lite';
 import { Dialog } from '~/constants/modal';
 import { useGetLabStats } from '~/hooks/lab/useGetLabStats';
 import { useAuth } from '~/hooks/auth/useAuth';
diff --git a/src/layouts/ProfileLayout/index.tsx b/src/layouts/ProfileLayout/index.tsx
index b4587192..d0c68602 100644
--- a/src/layouts/ProfileLayout/index.tsx
+++ b/src/layouts/ProfileLayout/index.tsx
@@ -7,7 +7,7 @@ import { FlowGrid } from '~/components/flow/FlowGrid';
 import { ProfilePageStats } from '~/containers/profile/ProfilePageStats';
 import { Card } from '~/components/containers/Card';
 import { useFlowStore } from '~/store/flow/useFlowStore';
-import { observer } from 'mobx-react';
+import { observer } from 'mobx-react-lite';
 import { useGetProfile } from '~/hooks/profile/useGetProfile';
 import { useUser } from '~/hooks/auth/useUser';
 
diff --git a/src/pages/boris.tsx b/src/pages/boris.tsx
index ba9167fb..b9c0682f 100644
--- a/src/pages/boris.tsx
+++ b/src/pages/boris.tsx
@@ -6,7 +6,7 @@ import { useNodeComments } from '~/hooks/comments/useNodeComments';
 import { useBoris } from '~/hooks/boris/useBoris';
 import { NodeContextProvider } from '~/utils/context/NodeContextProvider';
 import { useLoadNode } from '~/hooks/node/useLoadNode';
-import { observer } from 'mobx-react';
+import { observer } from 'mobx-react-lite';
 
 const BorisPage: VFC = observer(() => {
   const { node, isLoading, update } = useLoadNode(696);
diff --git a/src/pages/index.tsx b/src/pages/index.tsx
index dfd07dc8..5a66404b 100644
--- a/src/pages/index.tsx
+++ b/src/pages/index.tsx
@@ -2,7 +2,7 @@ import React, { FC } from 'react';
 import { FlowLayout } from '~/layouts/FlowLayout';
 import { useFlow } from '~/hooks/flow/useFlow';
 import { FlowContextProvider } from '~/utils/context/FlowContextProvider';
-import { observer } from 'mobx-react';
+import { observer } from 'mobx-react-lite';
 
 interface Props {}
 
diff --git a/src/pages/node/[id].tsx b/src/pages/node/[id].tsx
index c61421f9..79006b25 100644
--- a/src/pages/node/[id].tsx
+++ b/src/pages/node/[id].tsx
@@ -11,7 +11,7 @@ import { TagsContextProvider } from '~/utils/context/TagsContextProvider';
 import { useNodePermissions } from '~/hooks/node/useNodePermissions';
 import { NodeRelatedProvider } from '~/utils/providers/NodeRelatedProvider';
 import { useLoadNode } from '~/hooks/node/useLoadNode';
-import { observer } from 'mobx-react';
+import { observer } from 'mobx-react-lite';
 
 type Props = RouteComponentProps<{ id: string }> & {};