Users
Queries and Mutations listed here are used to send requests to the Admin User API Routes.
All hooks listed require authentication.
A store can have more than one user, each having the same privileges. Admins can manage users, their passwords, and more.
Related Guide: How to manage users.
Mutations
useAdminCreateUser
This hook creates an admin user. The user has the same privileges as all admin users, and will be able to authenticate and perform admin functionalities right after creation.
Example
import React from "react"
import { useAdminCreateUser } from "medusa-react"
const CreateUser = () => {
const createUser = useAdminCreateUser()
// ...
const handleCreateUser = () => {
createUser.mutate({
email: "user@example.com",
password: "supersecret",
}, {
onSuccess: ({ user }) => {
console.log(user.id)
}
})
}
// ...
}
export default CreateUser
Mutation Function Parameters
AdminCreateUserPayload
AdminCreateUserPayloadRequiredMutation Function Returned Data
The user's details.
useAdminUpdateUser
This hook updates an admin user's details.
Example
import React from "react"
import { useAdminUpdateUser } from "medusa-react"
type Props = {
userId: string
}
const User = ({ userId }: Props) => {
const updateUser = useAdminUpdateUser(userId)
// ...
const handleUpdateUser = (
firstName: string
) => {
updateUser.mutate({
first_name: firstName,
}, {
onSuccess: ({ user }) => {
console.log(user.first_name)
}
})
}
// ...
}
export default User
Hook Parameters
id
stringRequiredMutation Function Parameters
AdminUpdateUserPayload
AdminUpdateUserPayloadRequiredMutation Function Returned Data
The user's details.
useAdminDeleteUser
This hook deletes a user. Once deleted, the user will not be able to authenticate or perform admin functionalities.
Example
import React from "react"
import { useAdminDeleteUser } from "medusa-react"
type Props = {
userId: string
}
const User = ({ userId }: Props) => {
const deleteUser = useAdminDeleteUser(userId)
// ...
const handleDeleteUser = () => {
deleteUser.mutate(void 0, {
onSuccess: ({ id, object, deleted }) => {
console.log(id)
}
})
}
// ...
}
export default User
Hook Parameters
id
stringRequiredMutation Function Returned Data
The response returned for a
DELETE
request.
DELETE
request.useAdminResetPassword
This hook resets the password of an admin user using their reset password token. You must generate a reset password token first for the user using the useAdminSendResetPasswordToken hook, then use that token to reset the password in this hook.
Example
import React from "react"
import { useAdminResetPassword } from "medusa-react"
const ResetPassword = () => {
const resetPassword = useAdminResetPassword()
// ...
const handleResetPassword = (
token: string,
password: string
) => {
resetPassword.mutate({
token,
password,
}, {
onSuccess: ({ user }) => {
console.log(user.id)
}
})
}
// ...
}
export default ResetPassword
Mutation Function Parameters
The details of the password reset request.
Mutation Function Returned Data
The user's details.
useAdminSendResetPasswordToken
This hook generates a password token for an admin user with a given email. This also triggers the user.password_reset
event. So, if you have a Notification Service installed
that can handle this event, a notification, such as an email, will be sent to the user. The token is triggered as part of the user.password_reset
event's payload.
That token must be used later to reset the password using the useAdminResetPassword hook.
Example
import React from "react"
import { useAdminSendResetPasswordToken } from "medusa-react"
const Login = () => {
const requestPasswordReset = useAdminSendResetPasswordToken()
// ...
const handleResetPassword = (
email: string
) => {
requestPasswordReset.mutate({
email
}, {
onSuccess: () => {
// successful
}
})
}
// ...
}
export default Login
Mutation Function Parameters
The details of the password reset token request.
Queries
useAdminUsers
This hook retrieves all admin users.
Example
To list users:
import React from "react"
import { useAdminUsers } from "medusa-react"
const Users = () => {
const { users, isLoading } = useAdminUsers()
return (
<div>
{isLoading && <span>Loading...</span>}
{users && !users.length && <span>No Users</span>}
{users && users.length > 0 && (
<ul>
{users.map((user) => (
<li key={user.id}>{user.email}</li>
))}
</ul>
)}
</div>
)
}
export default Users
By default, only the first 20
records are retrieved. You can control pagination by specifying the limit
and offset
properties:
import React from "react"
import { useAdminUsers } from "medusa-react"
const Users = () => {
const {
users,
limit,
offset,
isLoading
} = useAdminUsers({
limit: 20,
offset: 0
})
return (
<div>
{isLoading && <span>Loading...</span>}
{users && !users.length && <span>No Users</span>}
{users && users.length > 0 && (
<ul>
{users.map((user) => (
<li key={user.id}>{user.email}</li>
))}
</ul>
)}
</div>
)
}
export default Users
Hook Parameters
query
AdminGetUsersParams
query
AdminGetUsersParamsQuery Returned Data
limit
numberRequiredoffset
numberRequiredcount
numberRequiredAn array of users details.
useAdminUser
This hook retrieves an admin user's details.
Example
import React from "react"
import { useAdminUser } from "medusa-react"
type Props = {
userId: string
}
const User = ({ userId }: Props) => {
const { user, isLoading } = useAdminUser(
userId
)
return (
<div>
{isLoading && <span>Loading...</span>}
{user && <span>{user.first_name} {user.last_name}</span>}
</div>
)
}
export default User
Hook Parameters
id
stringRequired