refactor: useSelector -> useAppSelector

src/common/component/Message/Reaction.tsx

@@ -1,4 +1,3 @@
-import { useSelector } from "react-redux";
 import styled from "styled-components";
 import { getEmojiDataFromNative } from "emoji-mart";
 import AppleEmojiData from "emoji-mart/data/apple.json";
@@ -106,7 +105,7 @@ const StyledDetails = styled.div`
   }
 `;
 const ReactionDetails = ({ uids = [], emoji, index }) => {
-  const usersData = useSelector((store) => store.users.byId);
+  const usersData = useAppSelector((store) => store.users.byId);
   const names = uids.map((id) => {
     return usersData[id]?.name;
   });

src/common/component/MixedInput/index.tsx

@@ -1,6 +1,5 @@
 import { useRef, useEffect, useState, useCallback } from "react";
 import { useKey } from "rooks";
-import { useSelector } from "react-redux";
 import { Editor, Transforms } from "slate";
 import {
   createPlateUI,
@@ -31,6 +30,7 @@ import useUploadFile from "../../hook/useUploadFile";
 import Styled from "./styled";
 import { CONFIG } from "./config";
 import User from "../User";
+import { useAppSelector } from "../../../app/store";
 export const TEXT_EDITOR_PREFIX = "_text_editor";
 
 let components = createPlateUI({
@@ -50,7 +50,7 @@ const Plugins = ({
   const [context, to] = id.split("_");
   const { addStageFile } = useUploadFile({ context, id: to });
   const enableMentions = members.length > 0;
-  const userData = useSelector((store) => store.users.byId);
+  const userData = useAppSelector((store) => store.users.byId);
   const [msgs, setMsgs] = useState([]);
   const [cmdKey, setCmdKey] = useState(false);
   const editableRef = useRef(null);