fix: replacing mobx react lite with mobx react

space/core/components/account/auth-forms/auth-root.tsx

@@ -1,7 +1,7 @@
 "use client";
 
 import React, { FC, useEffect, useState } from "react";
-import { observer } from "mobx-react-lite";
+import { observer } from "mobx-react";
 import { useSearchParams } from "next/navigation";
 import { IEmailCheckData } from "@plane/types";
 // components
@@ -85,7 +85,8 @@ export const AuthRoot: FC = observer(() => {
   const isSMTPConfigured = config?.is_smtp_configured || false;
   const isMagicLoginEnabled = config?.is_magic_login_enabled || false;
   const isEmailPasswordEnabled = config?.is_email_password_enabled || false;
-  const isOAuthEnabled = (config && (config?.is_google_enabled || config?.is_github_enabled || config?.is_gitlab_enabled)) || false;
+  const isOAuthEnabled =
+    (config && (config?.is_google_enabled || config?.is_github_enabled || config?.is_gitlab_enabled)) || false;
 
   // submit handler- email verification
   const handleEmailVerification = async (data: IEmailCheckData) => {

space/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

space/core/components/account/auth-forms/password.tsx

@@ -1,7 +1,7 @@
 "use client";
 
 import React, { useEffect, useMemo, useState } from "react";
-import { observer } from "mobx-react-lite";
+import { observer } from "mobx-react";
 import { Eye, EyeOff, XCircle } from "lucide-react";
 import { Button, Input, Spinner } from "@plane/ui";
 // components

space/core/components/account/oauth/oauth-options.tsx

@@ -1,4 +1,4 @@
-import { observer } from "mobx-react-lite";
+import { observer } from "mobx-react";
 // components
 import { GithubOAuthButton, GitlabOAuthButton, GoogleOAuthButton } from "@/components/account";
 // hooks

space/core/components/account/user-logged-in.tsx

@@ -1,6 +1,6 @@
 "use client";
 
-import { observer } from "mobx-react-lite";
+import { observer } from "mobx-react";
 import Image from "next/image";
 import { useTheme } from "next-themes";
 // components

space/core/components/issues/filters/applied-filters/filters-list.tsx

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

space/core/components/issues/filters/applied-filters/root.tsx

@@ -2,7 +2,7 @@
 
 import { FC, useCallback } from "react";
 import cloneDeep from "lodash/cloneDeep";
-import { observer } from "mobx-react-lite";
+import { observer } from "mobx-react";
 import { useRouter } from "next/navigation";
 // hooks
 import { useIssue, useIssueFilter } from "@/hooks/store";

space/core/components/issues/filters/applied-filters/state.tsx

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

space/core/components/issues/filters/priority.tsx

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

space/core/components/issues/filters/root.tsx

@@ -2,7 +2,7 @@
 
 import { FC, useCallback } from "react";
 import cloneDeep from "lodash/cloneDeep";
-import { observer } from "mobx-react-lite";
+import { observer } from "mobx-react";
 import { useRouter } from "next/navigation";
 // components
 import { FiltersDropdown } from "@/components/issues/filters/helpers/dropdown";

space/core/components/issues/filters/selection.tsx

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

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

@@ -1,7 +1,7 @@
 "use client";
 
 import { FC } from "react";
-import { observer } from "mobx-react-lite";
+import { observer } from "mobx-react";
 import Link from "next/link";
 import { useSearchParams } from "next/navigation";
 // components

space/core/components/issues/issue-layouts/kanban/header.tsx

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

space/core/components/issues/issue-layouts/kanban/root.tsx

@@ -1,7 +1,7 @@
 "use client";
 
 import { FC } from "react";
-import { observer } from "mobx-react-lite";
+import { observer } from "mobx-react";
 // components
 import { IssueKanBanBlock, IssueKanBanHeader } from "@/components/issues";
 // ui

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

@@ -1,6 +1,6 @@
 "use client";
 import { FC } from "react";
-import { observer } from "mobx-react-lite";
+import { observer } from "mobx-react";
 import Link from "next/link";
 import { useSearchParams } from "next/navigation";
 // components

space/core/components/issues/issue-layouts/list/header.tsx

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

space/core/components/issues/issue-layouts/list/root.tsx

@@ -1,6 +1,6 @@
 "use client";
 import { FC } from "react";
-import { observer } from "mobx-react-lite";
+import { observer } from "mobx-react";
 // components
 import { IssueListLayoutBlock, IssueListLayoutHeader } from "@/components/issues";
 // mobx hook

space/core/components/issues/issue-layouts/root.tsx

@@ -1,7 +1,7 @@
 "use client";
 
 import { FC, useEffect } from "react";
-import { observer } from "mobx-react-lite";
+import { observer } from "mobx-react";
 import Image from "next/image";
 import { useSearchParams } from "next/navigation";
 import useSWR from "swr";

space/core/components/issues/navbar/controls.tsx

@@ -1,7 +1,7 @@
 "use client";
 
 import { useEffect, FC } from "react";
-import { observer } from "mobx-react-lite";
+import { observer } from "mobx-react";
 import { useRouter, useSearchParams } from "next/navigation";
 // components
 import { IssuesLayoutSelection, NavbarTheme, UserAvatar } from "@/components/issues";

space/core/components/issues/navbar/layout-selection.tsx

@@ -1,7 +1,7 @@
 "use client";
 
 import { FC } from "react";
-import { observer } from "mobx-react-lite";
+import { observer } from "mobx-react";
 import { useRouter, useSearchParams } from "next/navigation";
 // ui
 import { Tooltip } from "@plane/ui";

space/core/components/issues/navbar/root.tsx

@@ -1,6 +1,6 @@
 "use client";
 import { FC } from "react";
-import { observer } from "mobx-react-lite";
+import { observer } from "mobx-react";
 import { Briefcase } from "lucide-react";
 // components
 import { ProjectLogo } from "@/components/common";

space/core/components/issues/navbar/theme.tsx

@@ -2,7 +2,7 @@
 
 // next theme
 import { useEffect, useState } from "react";
-import { observer } from "mobx-react-lite";
+import { observer } from "mobx-react";
 import { useTheme } from "next-themes";
 
 // mobx react lite

space/core/components/issues/navbar/user-avatar.tsx

@@ -1,7 +1,7 @@
 "use client";
 
 import { FC, Fragment, useEffect, useState } from "react";
-import { observer } from "mobx-react-lite";
+import { observer } from "mobx-react";
 import Link from "next/link";
 import { usePathname, useSearchParams } from "next/navigation";
 import { usePopper } from "react-popper";

space/core/components/issues/peek-overview/comment/add-comment.tsx

@@ -1,7 +1,7 @@
 "use client";
 
 import React, { useRef } from "react";
-import { observer } from "mobx-react-lite";
+import { observer } from "mobx-react";
 import { useForm, Controller } from "react-hook-form";
 // editor
 import { EditorRefApi } from "@plane/lite-text-editor";

space/core/components/issues/peek-overview/comment/comment-detail-card.tsx

@@ -1,5 +1,5 @@
 import React, { useRef, useState } from "react";
-import { observer } from "mobx-react-lite";
+import { observer } from "mobx-react";
 import { Controller, useForm } from "react-hook-form";
 import { Check, MessageSquare, MoreVertical, X } from "lucide-react";
 import { Menu, Transition } from "@headlessui/react";

space/core/components/issues/peek-overview/comment/comment-reactions.tsx

@@ -1,7 +1,7 @@
 "use client";
 
 import React from "react";
-import { observer } from "mobx-react-lite";
+import { observer } from "mobx-react";
 import { usePathname, useRouter, useSearchParams } from "next/navigation";
 import { Tooltip } from "@plane/ui";
 // ui

space/core/components/issues/peek-overview/full-screen-peek-view.tsx

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

space/core/components/issues/peek-overview/header.tsx

@@ -1,7 +1,7 @@
 "use client";
 
 import React from "react";
-import { observer } from "mobx-react-lite";
+import { observer } from "mobx-react";
 import { Link2, MoveRight } from "lucide-react";
 import { Listbox, Transition } from "@headlessui/react";
 // ui

space/core/components/issues/peek-overview/issue-activity.tsx

@@ -1,7 +1,7 @@
 "use client";
 
 import React from "react";
-import { observer } from "mobx-react-lite";
+import { observer } from "mobx-react";
 import Link from "next/link";
 import { usePathname } from "next/navigation";
 import { Button } from "@plane/ui";

space/core/components/issues/peek-overview/issue-emoji-reactions.tsx

@@ -1,6 +1,6 @@
 "use client";
 
-import { observer } from "mobx-react-lite";
+import { observer } from "mobx-react";
 import { usePathname, useRouter, useSearchParams } from "next/navigation";
 // lib
 import { Tooltip } from "@plane/ui";

space/core/components/issues/peek-overview/issue-reaction.tsx

@@ -1,4 +1,4 @@
-import { observer } from "mobx-react-lite";
+import { observer } from "mobx-react";
 import { IssueEmojiReactions, IssueVotes } from "@/components/issues/peek-overview";
 // hooks
 import { usePublish } from "@/hooks/store";

space/core/components/issues/peek-overview/issue-vote-reactions.tsx

@@ -1,7 +1,7 @@
 "use client";
 
 import { useState } from "react";
-import { observer } from "mobx-react-lite";
+import { observer } from "mobx-react";
 import { usePathname, useRouter, useSearchParams } from "next/navigation";
 import { Tooltip } from "@plane/ui";
 // helpers

space/core/components/issues/peek-overview/layout.tsx

@@ -1,7 +1,7 @@
 "use client";
 
 import { FC, Fragment, useEffect, useState } from "react";
-import { observer } from "mobx-react-lite";
+import { observer } from "mobx-react";
 import { useRouter, useSearchParams } from "next/navigation";
 import { Dialog, Transition } from "@headlessui/react";
 // components

space/core/components/issues/peek-overview/side-peek-view.tsx

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

space/core/components/views/auth.tsx

@@ -1,6 +1,6 @@
 "use client";
 
-import { observer } from "mobx-react-lite";
+import { observer } from "mobx-react";
 import Image from "next/image";
 import Link from "next/link";
 import { useTheme } from "next-themes";

space/core/lib/instance-provider.tsx

@@ -1,7 +1,7 @@
 "use client";
 
 import { ReactNode } from "react";
-import { observer } from "mobx-react-lite";
+import { observer } from "mobx-react";
 import Image from "next/image";
 import Link from "next/link";
 import { useTheme } from "next-themes";

space/core/store/root.store.ts

@@ -1,4 +1,4 @@
-import { enableStaticRendering } from "mobx-react-lite";
+import { enableStaticRendering } from "mobx-react";
 // store imports
 import { IInstanceStore, InstanceStore } from "@/store/instance.store";
 import { IssueDetailStore, IIssueDetailStore } from "@/store/issue-detail.store";