Fix useSelector import

src/components/DialogContentUpload.js

@@ -2,8 +2,8 @@ import { Box, Typography } from '@mui/material';
 import makeStyles from '@mui/styles/makeStyles';
 import mime from 'mime/lite';
 import PropTypes from 'prop-types';
-import React, { useRef, useState, useSelector } from 'react';
-import { useDispatch } from 'react-redux';
+import React, { useRef, useState } from 'react';
+import { useDispatch, useSelector } from 'react-redux';
 
 import Button from '~/components/Button';
 import UploadFromCamera from '~/components/UploadFromCamera';
@@ -36,6 +36,7 @@ const DialogContentUpload = ({ handleClose, setNewAvatarUrl }) => {
   const dispatch = useDispatch();
   const [isLoading, setIsLoading] = useState(false);
   const [isUploadFromCamera, setIsUploadFromCamera] = useState(false);
+  const avatarUploadUrl = useSelector((state) => state.avatarUploadUrl);
   const fileInputElem = useRef();
   const fileInputElemMob = useRef();
   const deviceDetect = getDeviceDetect();
@@ -84,7 +85,6 @@ const DialogContentUpload = ({ handleClose, setNewAvatarUrl }) => {
       // EDIT CORE CALL DELETE PREVIOUS IF AVAILABLE
       // get old avatar upload url
       // const avatarUploadUrl = useSelector((state) => state.avatarUploadUrl);
-      const avatarUploadUrl = useSelector((state) => state.avatarUploadUrl);
 
       if (avatarUploadUrl) {
         core.avatar.delete({ url: avatarUploadUrl });