fix: replacing mobx react lite with mobx react

web/core/components/account/auth-forms/email.tsx

@@ -1,7 +1,7 @@
 "use client";
 
 import { FC, FormEvent, useMemo, useState } from "react";
-import { observer } from "mobx-react-lite";
+import { observer } from "mobx-react";
 // icons
 import { CircleAlert, XCircle } from "lucide-react";
 // types

web/core/components/cycles/active-cycle/root.tsx

@@ -1,6 +1,6 @@
 "use client";
 
-import { observer } from "mobx-react-lite";
+import { observer } from "mobx-react";
 import useSWR from "swr";
 // ui
 import { Disclosure } from "@headlessui/react";

web/core/components/cycles/applied-filters/date.tsx

@@ -1,4 +1,4 @@
-import { observer } from "mobx-react-lite";
+import { observer } from "mobx-react";
 import { X } from "lucide-react";
 // helpers
 import { DATE_AFTER_FILTER_OPTIONS } from "@/constants/filters";

web/core/components/cycles/applied-filters/root.tsx

@@ -1,4 +1,4 @@
-import { observer } from "mobx-react-lite";
+import { observer } from "mobx-react";
 import { X } from "lucide-react";
 import { TCycleFilters } from "@plane/types";
 // hooks

web/core/components/cycles/applied-filters/status.tsx

@@ -1,4 +1,4 @@
-import { observer } from "mobx-react-lite";
+import { observer } from "mobx-react";
 import { X } from "lucide-react";
 import { CYCLE_STATUS } from "@/constants/cycle";
 import { cn } from "@/helpers/common.helper";

web/core/components/cycles/archived-cycles/header.tsx

@@ -1,5 +1,5 @@
 import { FC, useCallback, useRef, useState } from "react";
-import { observer } from "mobx-react-lite";
+import { observer } from "mobx-react";
 import { useParams } from "next/navigation";
 // icons
 import { ListFilter, Search, X } from "lucide-react";

web/core/components/cycles/archived-cycles/root.tsx

@@ -1,5 +1,5 @@
 import React from "react";
-import { observer } from "mobx-react-lite";
+import { observer } from "mobx-react";
 import { useParams } from "next/navigation";
 import useSWR from "swr";
 // types

web/core/components/cycles/archived-cycles/view.tsx

@@ -1,5 +1,5 @@
 import { FC } from "react";
-import { observer } from "mobx-react-lite";
+import { observer } from "mobx-react";
 import Image from "next/image";
 // components
 import { CyclesList } from "@/components/cycles";

web/core/components/cycles/board/root.tsx

@@ -1,5 +1,5 @@
 import { FC } from "react";
-import { observer } from "mobx-react-lite";
+import { observer } from "mobx-react";
 import { ChevronRight } from "lucide-react";
 import { Disclosure } from "@headlessui/react";
 // components

web/core/components/cycles/cycles-view.tsx

@@ -1,5 +1,5 @@
 import { FC } from "react";
-import { observer } from "mobx-react-lite";
+import { observer } from "mobx-react";
 import Image from "next/image";
 // components
 import { CyclesList } from "@/components/cycles";

web/core/components/cycles/dropdowns/filters/end-date.tsx

@@ -1,5 +1,5 @@
 import React, { useState } from "react";
-import { observer } from "mobx-react-lite";
+import { observer } from "mobx-react";
 
 // components
 import { DateFilterModal } from "@/components/core";

web/core/components/cycles/dropdowns/filters/root.tsx

@@ -1,5 +1,5 @@
 import { useState } from "react";
-import { observer } from "mobx-react-lite";
+import { observer } from "mobx-react";
 import { Search, X } from "lucide-react";
 import { TCycleFilters, TCycleGroups } from "@plane/types";
 // components

web/core/components/cycles/dropdowns/filters/start-date.tsx

@@ -1,5 +1,5 @@
 import React, { useState } from "react";
-import { observer } from "mobx-react-lite";
+import { observer } from "mobx-react";
 
 // components
 import { DateFilterModal } from "@/components/core";

web/core/components/cycles/dropdowns/filters/status.tsx

@@ -1,5 +1,5 @@
 import React, { useState } from "react";
-import { observer } from "mobx-react-lite";
+import { observer } from "mobx-react";
 import { TCycleGroups } from "@plane/types";
 // components
 import { FilterHeader, FilterOption } from "@/components/issues";

web/core/components/cycles/list/root.tsx

@@ -1,5 +1,5 @@
 import { FC } from "react";
-import { observer } from "mobx-react-lite";
+import { observer } from "mobx-react";
 import { Disclosure } from "@headlessui/react";
 // components
 import { ListLayout } from "@/components/core/list";

web/core/components/dashboard/home-dashboard-widgets.tsx

@@ -1,4 +1,4 @@
-import { observer } from "mobx-react-lite";
+import { observer } from "mobx-react";
 import { useParams } from "next/navigation";
 // types
 import { TWidgetKeys } from "@plane/types";

web/core/components/dashboard/widgets/issue-panels/issue-list-item.tsx

@@ -1,7 +1,7 @@
 "use client";
 
 import isToday from "date-fns/isToday";
-import { observer } from "mobx-react-lite";
+import { observer } from "mobx-react";
 import { TIssue, TWidgetIssue } from "@plane/types";
 // hooks
 // ui

web/core/components/dropdowns/cycle/index.tsx

@@ -1,7 +1,7 @@
 "use client";
 
 import { Fragment, ReactNode, useRef, useState } from "react";
-import { observer } from "mobx-react-lite";
+import { observer } from "mobx-react";
 import { ChevronDown } from "lucide-react";
 import { Combobox } from "@headlessui/react";
 // ui

web/core/components/dropdowns/member/index.tsx

@@ -1,5 +1,5 @@
 import { Fragment, useRef, useState } from "react";
-import { observer } from "mobx-react-lite";
+import { observer } from "mobx-react";
 import { ChevronDown, LucideIcon } from "lucide-react";
 // headless ui
 import { Combobox } from "@headlessui/react";

web/core/components/dropdowns/module/index.tsx

@@ -1,7 +1,7 @@
 "use client";
 
 import { Fragment, ReactNode, useEffect, useRef, useState } from "react";
-import { observer } from "mobx-react-lite";
+import { observer } from "mobx-react";
 import { ChevronDown, X } from "lucide-react";
 import { Combobox } from "@headlessui/react";
 // ui

web/core/components/integration/github/auth.tsx

@@ -1,6 +1,6 @@
 "use client";
 
-import { observer } from "mobx-react-lite";
+import { observer } from "mobx-react";
 // types
 import { IWorkspaceIntegration } from "@plane/types";
 // ui

web/core/components/issues/issue-detail/issue-activity/root.tsx

@@ -1,7 +1,7 @@
 "use client";
 
 import { FC, useMemo, useState } from "react";
-import { observer } from "mobx-react-lite";
+import { observer } from "mobx-react";
 import { History, LucideIcon, MessageCircle } from "lucide-react";
 // types
 import { TIssueComment } from "@plane/types";

web/core/components/issues/issue-detail/label/root.tsx

@@ -1,7 +1,7 @@
 "use client";
 
 import { FC, useMemo } from "react";
-import { observer } from "mobx-react-lite";
+import { observer } from "mobx-react";
 import { IIssueLabel, TIssue } from "@plane/types";
 // components
 import { TOAST_TYPE, setToast } from "@plane/ui";

web/core/components/issues/issue-detail/reactions/issue-comment.tsx

@@ -1,7 +1,7 @@
 "use client";
 
 import { FC, useMemo } from "react";
-import { observer } from "mobx-react-lite";
+import { observer } from "mobx-react";
 import { IUser } from "@plane/types";
 // components
 import { TOAST_TYPE, Tooltip, setToast } from "@plane/ui";

web/core/components/issues/issue-detail/reactions/issue.tsx

@@ -1,7 +1,7 @@
 "use client";
 
 import { FC, useMemo } from "react";
-import { observer } from "mobx-react-lite";
+import { observer } from "mobx-react";
 import { IUser } from "@plane/types";
 // hooks
 // ui

web/core/components/issues/issue-layouts/calendar/base-calendar-root.tsx

@@ -1,7 +1,7 @@
 "use client";
 
 import { FC, useCallback, useEffect } from "react";
-import { observer } from "mobx-react-lite";
+import { observer } from "mobx-react";
 import { useParams } from "next/navigation";
 import { TGroupedIssues } from "@plane/types";
 // components
@@ -156,7 +156,7 @@ export const BaseCalendarRoot = observer((props: IBaseCalendarRoot) => {
           updateFilters={updateFilters}
           handleDragAndDrop={handleDragAndDrop}
         />
-    </div>
+      </div>
     </>
   );
 });

web/core/components/issues/issue-layouts/calendar/calendar.tsx

@@ -3,7 +3,7 @@
 import { useEffect, useRef, useState } from "react";
 import { combine } from "@atlaskit/pragmatic-drag-and-drop/combine";
 import { autoScrollForElements } from "@atlaskit/pragmatic-drag-and-drop-auto-scroll/element";
-import { observer } from "mobx-react-lite";
+import { observer } from "mobx-react";
 // types
 import type {
   IIssueDisplayFilterOptions,
@@ -221,31 +221,31 @@ export const CalendarChart: React.FC<Props> = observer((props) => {
           </div>
         </IssueLayoutHOC>
 
-          {/* mobile view */}
-          <div className="md:hidden">
-            <p className="p-4 text-xl font-semibold">
-              {`${selectedDate.getDate()} ${
-                MONTHS_LIST[selectedDate.getMonth() + 1].title
-              }, ${selectedDate.getFullYear()}`}
-            </p>
-            <CalendarIssueBlocks
-              date={selectedDate}
-              issues={issues}
-              issueIdList={issueIdList}
-              quickActions={quickActions}
-              loadMoreIssues={loadMoreIssues}
-                        getPaginationData={getPaginationData}
-                        getGroupIssueCount={getGroupIssueCount}
-              enableQuickIssueCreate
-              disableIssueCreation={!enableIssueCreation || !isEditingAllowed}
-              quickAddCallback={quickAddCallback}
-              addIssuesToView={addIssuesToView}
-              readOnly={readOnly}
-              isDragDisabled
-              isMobileView
-            />
-          </div>
+        {/* mobile view */}
+        <div className="md:hidden">
+          <p className="p-4 text-xl font-semibold">
+            {`${selectedDate.getDate()} ${
+              MONTHS_LIST[selectedDate.getMonth() + 1].title
+            }, ${selectedDate.getFullYear()}`}
+          </p>
+          <CalendarIssueBlocks
+            date={selectedDate}
+            issues={issues}
+            issueIdList={issueIdList}
+            quickActions={quickActions}
+            loadMoreIssues={loadMoreIssues}
+            getPaginationData={getPaginationData}
+            getGroupIssueCount={getGroupIssueCount}
+            enableQuickIssueCreate
+            disableIssueCreation={!enableIssueCreation || !isEditingAllowed}
+            quickAddCallback={quickAddCallback}
+            addIssuesToView={addIssuesToView}
+            readOnly={readOnly}
+            isDragDisabled
+            isMobileView
+          />
         </div>
+      </div>
     </>
   );
 });

web/core/components/issues/issue-layouts/calendar/day-tile.tsx

@@ -4,7 +4,7 @@ import { useEffect, useRef, useState } from "react";
 import { combine } from "@atlaskit/pragmatic-drag-and-drop/combine";
 import { dropTargetForElements } from "@atlaskit/pragmatic-drag-and-drop/element/adapter";
 import { differenceInCalendarDays } from "date-fns";
-import { observer } from "mobx-react-lite";
+import { observer } from "mobx-react";
 // types
 import { TGroupedIssues, TIssue, TIssueMap, TPaginationData } from "@plane/types";
 // ui

web/core/components/issues/issue-layouts/calendar/issue-blocks.tsx

@@ -1,4 +1,4 @@
-import { observer } from "mobx-react-lite";
+import { observer } from "mobx-react";
 import { TIssue, TIssueMap, TPaginationData } from "@plane/types";
 // components
 import { CalendarQuickAddIssueForm, CalendarIssueBlockRoot } from "@/components/issues";
@@ -70,7 +70,7 @@ export const CalendarIssueBlocks: React.FC<Props> = observer((props) => {
         </div>
       ))}
 
-{isPaginating && (
+      {isPaginating && (
         <div className="p-1 px-2">
           <div className="flex h-10 md:h-8 w-full items-center justify-between gap-1.5 rounded md:px-1 px-4 py-1.5 bg-custom-background-80 animate-pulse" />
         </div>

web/core/components/issues/issue-layouts/calendar/week-days.tsx

@@ -1,4 +1,4 @@
-import { observer } from "mobx-react-lite";
+import { observer } from "mobx-react";
 import { TGroupedIssues, TIssue, TIssueMap, TPaginationData } from "@plane/types";
 // components
 import { CalendarDayTile } from "@/components/issues";
@@ -17,7 +17,7 @@ type Props = {
   issues: TIssueMap | undefined;
   groupedIssueIds: TGroupedIssues;
   week: ICalendarWeek | undefined;
-  quickActions: TRenderQuickActions
+  quickActions: TRenderQuickActions;
   loadMoreIssues: (dateString: string) => void;
   getPaginationData: (groupId: string | undefined) => TPaginationData | undefined;
   getGroupIssueCount: (groupId: string | undefined) => number | undefined;

web/core/components/issues/issue-layouts/empty-states/cycle.tsx

@@ -3,7 +3,7 @@
 import { useState } from "react";
 import isEmpty from "lodash/isEmpty";
 import size from "lodash/size";
-import { observer } from "mobx-react-lite";
+import { observer } from "mobx-react";
 import { useParams } from "next/navigation";
 // types
 import { IIssueFilterOptions, ISearchIssueResponse } from "@plane/types";

web/core/components/issues/issue-layouts/empty-states/module.tsx

@@ -2,7 +2,7 @@
 
 import { useState } from "react";
 import size from "lodash/size";
-import { observer } from "mobx-react-lite";
+import { observer } from "mobx-react";
 import { useParams } from "next/navigation";
 // types
 import { IIssueFilterOptions, ISearchIssueResponse } from "@plane/types";

web/core/components/issues/issue-layouts/empty-states/profile-view.tsx

@@ -1,4 +1,4 @@
-import { observer } from "mobx-react-lite";
+import { observer } from "mobx-react";
 import { useParams } from "next/navigation";
 // components
 import { EmptyState } from "@/components/empty-state";

web/core/components/issues/issue-layouts/filters/header/display-filters/display-filters-selection.tsx

@@ -1,6 +1,6 @@
 import React from "react";
 import isEmpty from "lodash/isEmpty";
-import { observer } from "mobx-react-lite";
+import { observer } from "mobx-react";
 import { IIssueDisplayFilterOptions, IIssueDisplayProperties, TIssueGroupByOptions } from "@plane/types";
 // components
 import {

web/core/components/issues/issue-layouts/filters/header/display-filters/display-properties.tsx

@@ -1,5 +1,5 @@
 import React from "react";
-import { observer } from "mobx-react-lite";
+import { observer } from "mobx-react";
 import { IIssueDisplayProperties } from "@plane/types";
 // components
 import { ISSUE_DISPLAY_PROPERTIES } from "@/constants/issue";

web/core/components/issues/issue-layouts/filters/header/display-filters/extra-options.tsx

@@ -1,5 +1,5 @@
 import React from "react";
-import { observer } from "mobx-react-lite";
+import { observer } from "mobx-react";
 import { IIssueDisplayFilterOptions, TIssueExtraOptions } from "@plane/types";
 
 // components

web/core/components/issues/issue-layouts/filters/header/display-filters/group-by.tsx

@@ -1,5 +1,5 @@
 import React, { useState } from "react";
-import { observer } from "mobx-react-lite";
+import { observer } from "mobx-react";
 import { IIssueDisplayFilterOptions, TIssueGroupByOptions } from "@plane/types";
 // components
 import { FilterHeader, FilterOption } from "@/components/issues";

web/core/components/issues/issue-layouts/filters/header/display-filters/issue-type.tsx

@@ -1,5 +1,5 @@
 import React from "react";
-import { observer } from "mobx-react-lite";
+import { observer } from "mobx-react";
 import { TIssueTypeFilters } from "@plane/types";
 
 // components

web/core/components/issues/issue-layouts/filters/header/display-filters/order-by.tsx

@@ -1,5 +1,5 @@
 import React, { useState } from "react";
-import { observer } from "mobx-react-lite";
+import { observer } from "mobx-react";
 import { TIssueOrderByOptions } from "@plane/types";
 
 // components

web/core/components/issues/issue-layouts/filters/header/display-filters/sub-group-by.tsx

@@ -1,5 +1,5 @@
 import React, { useState } from "react";
-import { observer } from "mobx-react-lite";
+import { observer } from "mobx-react";
 import { IIssueDisplayFilterOptions, TIssueGroupByOptions } from "@plane/types";
 // components
 import { FilterHeader, FilterOption } from "@/components/issues";

web/core/components/issues/issue-layouts/filters/header/filters/assignee.tsx

@@ -2,7 +2,7 @@
 
 import { useMemo, useState } from "react";
 import sortBy from "lodash/sortBy";
-import { observer } from "mobx-react-lite";
+import { observer } from "mobx-react";
 // hooks
 import { Avatar, Loader } from "@plane/ui";
 import { FilterHeader, FilterOption } from "@/components/issues";

web/core/components/issues/issue-layouts/filters/header/filters/created-by.tsx

@@ -2,7 +2,7 @@
 
 import { useMemo, useState } from "react";
 import sortBy from "lodash/sortBy";
-import { observer } from "mobx-react-lite";
+import { observer } from "mobx-react";
 // hooks
 import { Avatar, Loader } from "@plane/ui";
 import { FilterHeader, FilterOption } from "@/components/issues";

web/core/components/issues/issue-layouts/filters/header/filters/mentions.tsx

@@ -2,7 +2,7 @@
 
 import { useMemo, useState } from "react";
 import sortBy from "lodash/sortBy";
-import { observer } from "mobx-react-lite";
+import { observer } from "mobx-react";
 // hooks
 import { Loader, Avatar } from "@plane/ui";
 import { FilterHeader, FilterOption } from "@/components/issues";

web/core/components/issues/issue-layouts/kanban/base-kanban-root.tsx

@@ -5,7 +5,7 @@ import { combine } from "@atlaskit/pragmatic-drag-and-drop/combine";
 import { dropTargetForElements } from "@atlaskit/pragmatic-drag-and-drop/element/adapter";
 import { autoScrollForElements } from "@atlaskit/pragmatic-drag-and-drop-auto-scroll/element";
 import debounce from "lodash/debounce";
-import { observer } from "mobx-react-lite";
+import { observer } from "mobx-react";
 import { useParams, usePathname } from "next/navigation";
 import { DeleteIssueModal } from "@/components/issues";
 //constants

web/core/components/issues/issue-layouts/kanban/block.tsx

@@ -3,7 +3,7 @@
 import { MutableRefObject, useEffect, useRef, useState } from "react";
 import { combine } from "@atlaskit/pragmatic-drag-and-drop/combine";
 import { draggable, dropTargetForElements } from "@atlaskit/pragmatic-drag-and-drop/element/adapter";
-import { observer } from "mobx-react-lite";
+import { observer } from "mobx-react";
 import { useParams } from "next/navigation";
 import { TIssue, IIssueDisplayProperties, IIssueMap } from "@plane/types";
 // hooks

web/core/components/issues/issue-layouts/kanban/default.tsx

@@ -1,5 +1,5 @@
 import { MutableRefObject } from "react";
-import { observer } from "mobx-react-lite";
+import { observer } from "mobx-react";
 import {
   GroupByColumnTypes,
   IGroupByColumn,
@@ -195,4 +195,4 @@ export const KanBan: React.FC<IKanBan> = observer((props) => {
         })}
     </div>
   );
-});
+});

web/core/components/issues/issue-layouts/kanban/headers/sub-group-by-card.tsx

@@ -1,5 +1,5 @@
 import React, { FC } from "react";
-import { observer } from "mobx-react-lite";
+import { observer } from "mobx-react";
 import { Circle, ChevronDown, ChevronUp } from "lucide-react";
 import { TIssueKanbanFilters } from "@plane/types";
 // mobx

web/core/components/issues/issue-layouts/kanban/swimlanes.tsx

@@ -1,5 +1,5 @@
 import { MutableRefObject } from "react";
-import { observer } from "mobx-react-lite";
+import { observer } from "mobx-react";
 import {
   GroupByColumnTypes,
   IGroupByColumn,

web/core/components/issues/issue-layouts/list/base-list-root.tsx

@@ -1,5 +1,5 @@
 import { FC, useCallback, useEffect } from "react";
-import { observer } from "mobx-react-lite";
+import { observer } from "mobx-react";
 // types
 import { GroupByColumnTypes, TGroupedIssues } from "@plane/types";
 // constants
@@ -33,13 +33,7 @@ interface IBaseListRoot {
   isCompletedCycle?: boolean;
 }
 export const BaseListRoot = observer((props: IBaseListRoot) => {
-  const {
-    QuickActions,
-    viewId,
-    addIssuesToView,
-    canEditPropertiesBasedOnProject,
-    isCompletedCycle = false,
-  } = props;
+  const { QuickActions, viewId, addIssuesToView, canEditPropertiesBasedOnProject, isCompletedCycle = false } = props;
   // router
   const storeType = useIssueStoreType() as ListStoreType;
   //stores
@@ -71,10 +65,9 @@ export const BaseListRoot = observer((props: IBaseListRoot) => {
     fetchIssues("init-loader", { canGroup: true, perPageCount: group_by ? 50 : 100 }, viewId);
   }, [fetchIssues, storeType, group_by, viewId]);
 
-
   const groupedIssueIds = issues?.groupedIssueIds as TGroupedIssues | undefined;
-// auth
-const isEditingAllowed = !!currentProjectRole && currentProjectRole >= EUserProjectRoles.MEMBER;
+  // auth
+  const isEditingAllowed = !!currentProjectRole && currentProjectRole >= EUserProjectRoles.MEMBER;
   const { enableInlineEditing, enableQuickAdd, enableIssueCreation } = issues?.viewFlags || {};
 
   const canEditProperties = useCallback(
@@ -116,24 +109,24 @@ const isEditingAllowed = !!currentProjectRole && currentProjectRole >= EUserProj
   return (
     <IssueLayoutHOC layout={EIssueLayoutTypes.LIST}>
       <div className={`relative size-full bg-custom-background-90`}>
-      <List
-        issuesMap={issueMap}
-        displayProperties={displayProperties}
-        group_by={group_by}
-        orderBy={orderBy}
-        updateIssue={updateIssue}
-        quickActions={renderQuickActions}
-        groupedIssueIds={groupedIssueIds ?? {}}
-        loadMoreIssues={loadMoreIssues}
-        showEmptyGroup={showEmptyGroup}
-        quickAddCallback={quickAddIssue}
-        enableIssueQuickAdd={!!enableQuickAdd}
-        canEditProperties={canEditProperties}
-        disableIssueCreation={!enableIssueCreation || !isEditingAllowed}
-        addIssuesToView={addIssuesToView}
-        isCompletedCycle={isCompletedCycle}
-        handleOnDrop={handleOnDrop}
-      />
+        <List
+          issuesMap={issueMap}
+          displayProperties={displayProperties}
+          group_by={group_by}
+          orderBy={orderBy}
+          updateIssue={updateIssue}
+          quickActions={renderQuickActions}
+          groupedIssueIds={groupedIssueIds ?? {}}
+          loadMoreIssues={loadMoreIssues}
+          showEmptyGroup={showEmptyGroup}
+          quickAddCallback={quickAddIssue}
+          enableIssueQuickAdd={!!enableQuickAdd}
+          canEditProperties={canEditProperties}
+          disableIssueCreation={!enableIssueCreation || !isEditingAllowed}
+          addIssuesToView={addIssuesToView}
+          isCompletedCycle={isCompletedCycle}
+          handleOnDrop={handleOnDrop}
+        />
       </div>
     </IssueLayoutHOC>
   );

web/core/components/issues/issue-layouts/list/block.tsx

@@ -3,7 +3,7 @@
 import { Dispatch, MouseEvent, SetStateAction, useEffect, useRef } from "react";
 import { combine } from "@atlaskit/pragmatic-drag-and-drop/combine";
 import { draggable } from "@atlaskit/pragmatic-drag-and-drop/element/adapter";
-import { observer } from "mobx-react-lite";
+import { observer } from "mobx-react";
 import { useParams } from "next/navigation";
 import { ChevronRight } from "lucide-react";
 // types

web/core/components/issues/issue-layouts/spreadsheet/columns/assignee-column.tsx

@@ -1,5 +1,5 @@
 import React from "react";
-import { observer } from "mobx-react-lite";
+import { observer } from "mobx-react";
 // types
 import { TIssue } from "@plane/types";
 // components

web/core/components/issues/issue-layouts/spreadsheet/columns/attachment-column.tsx

@@ -1,5 +1,5 @@
 import React from "react";
-import { observer } from "mobx-react-lite";
+import { observer } from "mobx-react";
 // types
 import { TIssue } from "@plane/types";
 

web/core/components/issues/issue-layouts/spreadsheet/columns/created-on-column.tsx

@@ -1,5 +1,5 @@
 import React from "react";
-import { observer } from "mobx-react-lite";
+import { observer } from "mobx-react";
 // types
 import { TIssue } from "@plane/types";
 // helpers

web/core/components/issues/issue-layouts/spreadsheet/columns/estimate-column.tsx

@@ -1,4 +1,4 @@
-import { observer } from "mobx-react-lite";
+import { observer } from "mobx-react";
 // types
 import { TIssue } from "@plane/types";
 // components

web/core/components/issues/issue-layouts/spreadsheet/columns/label-column.tsx

@@ -1,5 +1,5 @@
 import React from "react";
-import { observer } from "mobx-react-lite";
+import { observer } from "mobx-react";
 // types
 import { TIssue } from "@plane/types";
 // hooks

web/core/components/issues/issue-layouts/spreadsheet/columns/link-column.tsx

@@ -1,5 +1,5 @@
 import React from "react";
-import { observer } from "mobx-react-lite";
+import { observer } from "mobx-react";
 // types
 import { TIssue } from "@plane/types";
 

web/core/components/issues/issue-layouts/spreadsheet/columns/priority-column.tsx

@@ -1,5 +1,5 @@
 import React from "react";
-import { observer } from "mobx-react-lite";
+import { observer } from "mobx-react";
 // types
 import { TIssue } from "@plane/types";
 // components

web/core/components/issues/issue-layouts/spreadsheet/columns/state-column.tsx

@@ -1,5 +1,5 @@
 import React from "react";
-import { observer } from "mobx-react-lite";
+import { observer } from "mobx-react";
 // types
 import { TIssue } from "@plane/types";
 // components

web/core/components/issues/issue-layouts/spreadsheet/columns/updated-on-column.tsx

@@ -1,5 +1,5 @@
 import React from "react";
-import { observer } from "mobx-react-lite";
+import { observer } from "mobx-react";
 // types
 import { TIssue } from "@plane/types";
 // helpers

web/core/components/issues/issue-layouts/spreadsheet/spreadsheet-table.tsx

@@ -1,5 +1,5 @@
 import { MutableRefObject, useCallback, useEffect, useRef, useState } from "react";
-import { observer } from "mobx-react-lite";
+import { observer } from "mobx-react";
 // types
 import { IIssueDisplayFilterOptions, IIssueDisplayProperties, TIssue } from "@plane/types";
 import { SpreadsheetIssueRowLoader } from "@/components/ui/loader";

web/core/components/issues/issue-layouts/spreadsheet/spreadsheet-view.tsx

@@ -1,5 +1,5 @@
 import React, { useRef } from "react";
-import { observer } from "mobx-react-lite";
+import { observer } from "mobx-react";
 // types
 import { TIssue, IIssueDisplayFilterOptions, IIssueDisplayProperties } from "@plane/types";
 // components
@@ -99,7 +99,7 @@ export const SpreadsheetView: React.FC<Props> = observer((props) => {
                 canEditProperties={canEditProperties}
                 containerRef={containerRef}
                 canLoadMoreIssues={canLoadMoreIssues}
-          loadMoreIssues={loadMoreIssues}
+                loadMoreIssues={loadMoreIssues}
                 spreadsheetColumnsList={spreadsheetColumnsList}
                 selectionHelpers={helpers}
               />
@@ -107,7 +107,7 @@ export const SpreadsheetView: React.FC<Props> = observer((props) => {
             <div className="border-t border-custom-border-100">
               <div className="z-5 sticky bottom-0 left-0 mb-3">
                 {enableQuickCreateIssue && !disableIssueCreation && (
-                  <SpreadsheetQuickAddIssueForm formKey="name" quickAddCallback={quickAddCallback}/>
+                  <SpreadsheetQuickAddIssueForm formKey="name" quickAddCallback={quickAddCallback} />
                 )}
               </div>
             </div>

web/core/components/issues/issue-modal/draft-issue-layout.tsx

@@ -2,7 +2,7 @@
 
 import React, { useState } from "react";
 import isEmpty from "lodash/isEmpty";
-import { observer } from "mobx-react-lite";
+import { observer } from "mobx-react";
 import { useParams, usePathname } from "next/navigation";
 import type { TIssue } from "@plane/types";
 // hooks

web/core/components/issues/issue-modal/form.tsx

@@ -1,7 +1,7 @@
 "use client";
 
 import React, { FC, useState, useRef, useEffect } from "react";
-import { observer } from "mobx-react-lite";
+import { observer } from "mobx-react";
 import { useParams } from "next/navigation";
 import { Controller, useForm } from "react-hook-form";
 import { LayoutPanelTop, Sparkle, X } from "lucide-react";

web/core/components/issues/issue-modal/modal.tsx

@@ -1,7 +1,7 @@
 "use client";
 
 import React, { useEffect, useRef, useState } from "react";
-import { observer } from "mobx-react-lite";
+import { observer } from "mobx-react";
 import { useParams, usePathname } from "next/navigation";
 // types
 import type { TIssue } from "@plane/types";

web/core/components/issues/sub-issues/issues-list.tsx

@@ -1,5 +1,5 @@
 import { FC, Fragment } from "react";
-import { observer } from "mobx-react-lite";
+import { observer } from "mobx-react";
 import { TIssue } from "@plane/types";
 // hooks
 import { useIssueDetail } from "@/hooks/store";

web/core/components/labels/project-setting-label-group.tsx

@@ -1,5 +1,5 @@
 import React, { Dispatch, SetStateAction, useState } from "react";
-import { observer } from "mobx-react-lite";
+import { observer } from "mobx-react";
 import { ChevronDown, Pencil, Trash2 } from "lucide-react";
 import { Disclosure, Transition } from "@headlessui/react";
 // store

web/core/components/modules/analytics-sidebar/root.tsx

@@ -1,7 +1,7 @@
 "use client";
 
 import React, { useEffect, useState } from "react";
-import { observer } from "mobx-react-lite";
+import { observer } from "mobx-react";
 import { useParams } from "next/navigation";
 import { Controller, useForm } from "react-hook-form";
 import {

web/core/components/modules/applied-filters/date.tsx

@@ -1,4 +1,4 @@
-import { observer } from "mobx-react-lite";
+import { observer } from "mobx-react";
 // icons
 import { X } from "lucide-react";
 // helpers

web/core/components/modules/applied-filters/members.tsx

@@ -1,6 +1,6 @@
 "use client";
 
-import { observer } from "mobx-react-lite";
+import { observer } from "mobx-react";
 import { X } from "lucide-react";
 // ui
 import { Avatar } from "@plane/ui";

web/core/components/modules/applied-filters/status.tsx

@@ -1,6 +1,6 @@
 "use client";
 
-import { observer } from "mobx-react-lite";
+import { observer } from "mobx-react";
 import { X } from "lucide-react";
 // ui
 import { ModuleStatusIcon } from "@plane/ui";

web/core/components/modules/archived-modules/header.tsx

@@ -1,5 +1,5 @@
 import { FC, useCallback, useRef, useState } from "react";
-import { observer } from "mobx-react-lite";
+import { observer } from "mobx-react";
 import { useParams } from "next/navigation";
 // icons
 import { ListFilter, Search, X } from "lucide-react";

web/core/components/modules/archived-modules/root.tsx

@@ -1,5 +1,5 @@
 import React, { useCallback } from "react";
-import { observer } from "mobx-react-lite";
+import { observer } from "mobx-react";
 import { useParams } from "next/navigation";
 import useSWR from "swr";
 // types

web/core/components/modules/archived-modules/view.tsx

@@ -1,5 +1,5 @@
 import { FC } from "react";
-import { observer } from "mobx-react-lite";
+import { observer } from "mobx-react";
 import Image from "next/image";
 // components
 import { ModuleListItem, ModulePeekOverview } from "@/components/modules";

web/core/components/modules/dropdowns/filters/lead.tsx

@@ -2,7 +2,7 @@
 
 import { useMemo, useState } from "react";
 import sortBy from "lodash/sortBy";
-import { observer } from "mobx-react-lite";
+import { observer } from "mobx-react";
 // hooks
 import { Avatar, Loader } from "@plane/ui";
 import { FilterHeader, FilterOption } from "@/components/issues";

web/core/components/modules/dropdowns/filters/members.tsx

@@ -2,7 +2,7 @@
 
 import { useMemo, useState } from "react";
 import sortBy from "lodash/sortBy";
-import { observer } from "mobx-react-lite";
+import { observer } from "mobx-react";
 // hooks
 import { Avatar, Loader } from "@plane/ui";
 import { FilterHeader, FilterOption } from "@/components/issues";

web/core/components/modules/dropdowns/filters/root.tsx

@@ -1,7 +1,7 @@
 "use client";
 
 import { useState } from "react";
-import { observer } from "mobx-react-lite";
+import { observer } from "mobx-react";
 import { Search, X } from "lucide-react";
 import { TModuleDisplayFilters, TModuleFilters } from "@plane/types";
 // components

web/core/components/modules/dropdowns/filters/start-date.tsx

@@ -1,5 +1,5 @@
 import React, { useState } from "react";
-import { observer } from "mobx-react-lite";
+import { observer } from "mobx-react";
 
 // components
 import { DateFilterModal } from "@/components/core";

web/core/components/modules/dropdowns/filters/status.tsx

@@ -1,7 +1,7 @@
 "use client";
 
 import React, { useState } from "react";
-import { observer } from "mobx-react-lite";
+import { observer } from "mobx-react";
 import { TModuleStatus } from "@plane/types";
 // components
 import { ModuleStatusIcon } from "@plane/ui";

web/core/components/modules/dropdowns/filters/target-date.tsx

@@ -1,5 +1,5 @@
 import React, { useState } from "react";
-import { observer } from "mobx-react-lite";
+import { observer } from "mobx-react";
 
 // components
 import { DateFilterModal } from "@/components/core";

web/core/components/modules/module-card-item.tsx

@@ -1,7 +1,7 @@
 "use client";
 
 import React, { useRef } from "react";
-import { observer } from "mobx-react-lite";
+import { observer } from "mobx-react";
 import Link from "next/link";
 import { useParams, usePathname, useSearchParams } from "next/navigation";
 import { CalendarCheck2, CalendarClock, Info, MoveRight, SquareUser } from "lucide-react";

web/core/components/modules/module-list-item.tsx

@@ -1,7 +1,7 @@
 "use client";
 
 import React, { useRef } from "react";
-import { observer } from "mobx-react-lite";
+import { observer } from "mobx-react";
 import { useParams, usePathname, useSearchParams } from "next/navigation";
 // icons
 import { Check, Info } from "lucide-react";

web/core/components/modules/modules-list-view.tsx

@@ -1,4 +1,4 @@
-import { observer } from "mobx-react-lite";
+import { observer } from "mobx-react";
 import Image from "next/image";
 import { useParams, useSearchParams } from "next/navigation";
 // components

web/core/components/notifications/notification-popover.tsx

@@ -1,7 +1,7 @@
 "use client";
 
 import React, { Fragment } from "react";
-import { observer } from "mobx-react-lite";
+import { observer } from "mobx-react";
 import { Bell } from "lucide-react";
 import { Popover, Transition } from "@headlessui/react";
 // hooks

web/core/components/page-views/workspace-dashboard.tsx

@@ -1,5 +1,5 @@
 import { useEffect } from "react";
-import { observer } from "mobx-react-lite";
+import { observer } from "mobx-react";
 import { useParams } from "next/navigation";
 // components
 import { DashboardWidgets } from "@/components/dashboard";

web/core/components/pages/list/applied-filters/date.tsx

@@ -1,4 +1,4 @@
-import { observer } from "mobx-react-lite";
+import { observer } from "mobx-react";
 // icons
 import { X } from "lucide-react";
 // helpers

web/core/components/pages/list/applied-filters/members.tsx

@@ -1,6 +1,6 @@
 "use client";
 
-import { observer } from "mobx-react-lite";
+import { observer } from "mobx-react";
 import { X } from "lucide-react";
 // ui
 import { Avatar } from "@plane/ui";

web/core/components/pages/list/filters/created-at.tsx

@@ -1,5 +1,5 @@
 import React, { useState } from "react";
-import { observer } from "mobx-react-lite";
+import { observer } from "mobx-react";
 // components
 import { DateFilterModal } from "@/components/core";
 import { FilterHeader, FilterOption } from "@/components/issues";

web/core/components/pages/list/filters/created-by.tsx

@@ -2,7 +2,7 @@
 
 import { useMemo, useState } from "react";
 import sortBy from "lodash/sortBy";
-import { observer } from "mobx-react-lite";
+import { observer } from "mobx-react";
 // ui
 import { Avatar, Loader } from "@plane/ui";
 // components

web/core/components/pages/list/filters/root.tsx

@@ -1,5 +1,5 @@
 import { useState } from "react";
-import { observer } from "mobx-react-lite";
+import { observer } from "mobx-react";
 import { Search, X } from "lucide-react";
 import { TPageFilterProps, TPageFilters } from "@plane/types";
 // components

web/core/components/pages/pages-list-view.tsx

@@ -1,4 +1,4 @@
-import { observer } from "mobx-react-lite";
+import { observer } from "mobx-react";
 import useSWR from "swr";
 import { TPageNavigationTabs } from "@plane/types";
 // components

web/core/components/project/applied-filters/access.tsx

@@ -1,4 +1,4 @@
-import { observer } from "mobx-react-lite";
+import { observer } from "mobx-react";
 import { X } from "lucide-react";
 // constants
 import { NETWORK_CHOICES } from "@/constants/project";

web/core/components/project/applied-filters/date.tsx

@@ -1,4 +1,4 @@
-import { observer } from "mobx-react-lite";
+import { observer } from "mobx-react";
 import { X } from "lucide-react";
 // helpers
 import { PROJECT_CREATED_AT_FILTER_OPTIONS } from "@/constants/filters";

web/core/components/project/applied-filters/members.tsx

@@ -1,6 +1,6 @@
 "use client";
 
-import { observer } from "mobx-react-lite";
+import { observer } from "mobx-react";
 import { X } from "lucide-react";
 // ui
 import { Avatar } from "@plane/ui";

web/core/components/project/applied-filters/project-display-filters.tsx

@@ -1,4 +1,4 @@
-import { observer } from "mobx-react-lite";
+import { observer } from "mobx-react";
 // icons
 import { X } from "lucide-react";
 // types

web/core/components/project/card-list.tsx

@@ -1,4 +1,4 @@
-import { observer } from "mobx-react-lite";
+import { observer } from "mobx-react";
 import Image from "next/image";
 // components
 import { EmptyState } from "@/components/empty-state";

web/core/components/project/card.tsx

@@ -1,7 +1,7 @@
 "use client";
 
 import React, { useRef, useState } from "react";
-import { observer } from "mobx-react-lite";
+import { observer } from "mobx-react";
 import Link from "next/link";
 import { useParams } from "next/navigation";
 import { ArchiveRestoreIcon, Check, ExternalLink, LinkIcon, Lock, Settings, Trash2, UserPlus } from "lucide-react";

web/core/components/project/confirm-project-member-remove.tsx

@@ -1,7 +1,7 @@
 "use client";
 
 import React, { useState } from "react";
-import { observer } from "mobx-react-lite";
+import { observer } from "mobx-react";
 import { useParams } from "next/navigation";
 import { AlertTriangle } from "lucide-react";
 // headless ui

web/core/components/project/create-project-form.tsx

@@ -1,7 +1,7 @@
 "use client";
 
 import { useState, FC, ChangeEvent } from "react";
-import { observer } from "mobx-react-lite";
+import { observer } from "mobx-react";
 import { useForm, Controller } from "react-hook-form";
 import { Info, X } from "lucide-react";
 import { IProject } from "@plane/types";

web/core/components/project/dropdowns/filters/access.tsx

@@ -1,5 +1,5 @@
 import React, { useState } from "react";
-import { observer } from "mobx-react-lite";
+import { observer } from "mobx-react";
 // components
 import { FilterHeader, FilterOption } from "@/components/issues";
 // constants

web/core/components/project/dropdowns/filters/created-at.tsx

@@ -1,5 +1,5 @@
 import React, { useState } from "react";
-import { observer } from "mobx-react-lite";
+import { observer } from "mobx-react";
 // components
 import { DateFilterModal } from "@/components/core";
 import { FilterHeader, FilterOption } from "@/components/issues";