refactor(web): remove typescript

packages/web/src/pages/EditUser/index.jsx

@@ -1,5 +1,4 @@
 import { useMutation } from '@apollo/client';
-import { IRole, IUser } from 'types';
 import LoadingButton from '@mui/lab/LoadingButton';
 import Grid from '@mui/material/Grid';
 import Skeleton from '@mui/material/Skeleton';
@@ -8,7 +7,6 @@ import MuiTextField from '@mui/material/TextField';
 import useEnqueueSnackbar from 'hooks/useEnqueueSnackbar';
 import * as React from 'react';
 import { useNavigate, useParams } from 'react-router-dom';
-
 import Can from 'components/Can';
 import Container from 'components/Container';
 import ControlledAutocomplete from 'components/ControlledAutocomplete';
@@ -20,25 +18,18 @@ import { UPDATE_USER } from 'graphql/mutations/update-user.ee';
 import useFormatMessage from 'hooks/useFormatMessage';
 import useRoles from 'hooks/useRoles.ee';
 import useUser from 'hooks/useUser';
-
-type EditUserParams = {
-  userId: string;
-};
-
-function generateRoleOptions(roles: IRole[]) {
+function generateRoleOptions(roles) {
   return roles?.map(({ name: label, id: value }) => ({ label, value }));
 }
-
-export default function EditUser(): React.ReactElement {
+export default function EditUser() {
   const formatMessage = useFormatMessage();
   const [updateUser, { loading }] = useMutation(UPDATE_USER);
-  const { userId } = useParams<EditUserParams>();
+  const { userId } = useParams();
   const { user, loading: userLoading } = useUser(userId);
   const { roles, loading: rolesLoading } = useRoles();
   const enqueueSnackbar = useEnqueueSnackbar();
   const navigate = useNavigate();
-
-  const handleUserUpdate = async (userDataToUpdate: Partial<IUser>) => {
+  const handleUserUpdate = async (userDataToUpdate) => {
     try {
       await updateUser({
         variables: {
@@ -52,7 +43,6 @@ export default function EditUser(): React.ReactElement {
           },
         },
       });
-
       enqueueSnackbar(formatMessage('editUser.successfullyUpdated'), {
         variant: 'success',
         SnackbarProps: {
@@ -60,13 +50,11 @@ export default function EditUser(): React.ReactElement {
           persist: true,
         },
       });
-
       navigate(URLS.USERS);
     } catch (error) {
       throw new Error('Failed while updating!');
     }
   };
-
   return (
     <Container sx={{ py: 3, display: 'flex', justifyContent: 'center' }}>
       <Grid container item xs={12} sm={10} md={9}>