diff --git a/.changeset/breezy-wolves-nail.md b/.changeset/breezy-wolves-nail.md
new file mode 100644
index 000000000000..01bd149d090a
--- /dev/null
+++ b/.changeset/breezy-wolves-nail.md
@@ -0,0 +1,45 @@
+---
+"@refinedev/chakra-ui": minor
+"@refinedev/mantine": minor
+"@refinedev/antd": minor
+"@refinedev/core": minor
+"@refinedev/mui": minor
+---
+
+feat: added new prop called `mutationVariables` to ``. #6431
+From now on, you can pass additional parameters to the `authProvider` methods using the `mutationVariables` prop of the `` component.
+
+```tsx
+import { AuthPage } from "@refinedev/antd"; // or "@refinedev/chakra-ui", "@refinedev/mantine", "@refinedev/mui"
+
+const MyLoginPage = () => {
+ return (
+
+ );
+};
+
+// all mutation methods are supported.
+const authProvider = {
+ login: async ({ foo, xyz, ...otherProps }) => {
+ console.log(foo); // bar
+ console.log(xyz); // abc
+ // ...
+ },
+ register: async ({ foo, xyz, ...otherProps }) => {
+ console.log(foo); // bar
+ console.log(xyz); // abc
+ // ...
+ },
+ // ...
+};
+```
+
+[Resolves #6431](https://github.com/refinedev/refine/issues/6431)
diff --git a/documentation/docs/authentication/components/auth-page/index.md b/documentation/docs/authentication/components/auth-page/index.md
index e5863f9211da..5c5d18b610b6 100644
--- a/documentation/docs/authentication/components/auth-page/index.md
+++ b/documentation/docs/authentication/components/auth-page/index.md
@@ -748,6 +748,41 @@ const MyLoginPage = () => {
};
```
+### mutationVariables
+
+`mutationVariables` is used to pass additional variables to the `authProvider` methods.
+
+```tsx
+const MyLoginPage = () => {
+ return (
+
+ );
+};
+
+// all mutation methods are supported.
+const authProvider = {
+ login: async ({ foo, xyz, ...otherProps }) => {
+ console.log(foo); // bar
+ console.log(xyz); // abc
+ // ...
+ },
+ register: async ({ foo, xyz, ...otherProps }) => {
+ console.log(foo); // bar
+ console.log(xyz); // abc
+ // ...
+ },
+ // ...
+};
+```
+
## API Reference
### Properties
diff --git a/documentation/docs/ui-integrations/ant-design/components/auth-page/index.md b/documentation/docs/ui-integrations/ant-design/components/auth-page/index.md
index fe4ee1e5897d..7c1ef69787d7 100644
--- a/documentation/docs/ui-integrations/ant-design/components/auth-page/index.md
+++ b/documentation/docs/ui-integrations/ant-design/components/auth-page/index.md
@@ -892,6 +892,41 @@ const MyLoginPage = () => {
};
```
+### mutationVariables
+
+`mutationVariables` is used to pass additional variables to the `authProvider` methods.
+
+```tsx
+const MyLoginPage = () => {
+ return (
+
+ );
+};
+
+// all mutation methods are supported.
+const authProvider = {
+ login: async ({ foo, xyz, ...otherProps }) => {
+ console.log(foo); // bar
+ console.log(xyz); // abc
+ // ...
+ },
+ register: async ({ foo, xyz, ...otherProps }) => {
+ console.log(foo); // bar
+ console.log(xyz); // abc
+ // ...
+ },
+ // ...
+};
+```
+
## FAQ
### How can I remove the default title and logo ?
diff --git a/documentation/docs/ui-integrations/chakra-ui/components/auth-page/index.md b/documentation/docs/ui-integrations/chakra-ui/components/auth-page/index.md
index 5132fc94cc71..a6ab6061d74a 100644
--- a/documentation/docs/ui-integrations/chakra-ui/components/auth-page/index.md
+++ b/documentation/docs/ui-integrations/chakra-ui/components/auth-page/index.md
@@ -878,6 +878,41 @@ const MyLoginPage = () => {
};
```
+### mutationVariables
+
+`mutationVariables` is used to pass additional variables to the `authProvider` methods.
+
+```tsx
+const MyLoginPage = () => {
+ return (
+
+ );
+};
+
+// all mutation methods are supported.
+const authProvider = {
+ login: async ({ foo, xyz, ...otherProps }) => {
+ console.log(foo); // bar
+ console.log(xyz); // abc
+ // ...
+ },
+ register: async ({ foo, xyz, ...otherProps }) => {
+ console.log(foo); // bar
+ console.log(xyz); // abc
+ // ...
+ },
+ // ...
+};
+```
+
## API Reference
### Properties
diff --git a/documentation/docs/ui-integrations/mantine/components/auth-page/index.md b/documentation/docs/ui-integrations/mantine/components/auth-page/index.md
index 68f5fa020581..d0b361cccbf5 100644
--- a/documentation/docs/ui-integrations/mantine/components/auth-page/index.md
+++ b/documentation/docs/ui-integrations/mantine/components/auth-page/index.md
@@ -911,6 +911,41 @@ const MyLoginPage = () => {
};
```
+### mutationVariables
+
+`mutationVariables` is used to pass additional variables to the `authProvider` methods.
+
+```tsx
+const MyLoginPage = () => {
+ return (
+
+ );
+};
+
+// all mutation methods are supported.
+const authProvider = {
+ login: async ({ foo, xyz, ...otherProps }) => {
+ console.log(foo); // bar
+ console.log(xyz); // abc
+ // ...
+ },
+ register: async ({ foo, xyz, ...otherProps }) => {
+ console.log(foo); // bar
+ console.log(xyz); // abc
+ // ...
+ },
+ // ...
+};
+```
+
## API Reference
### Properties
diff --git a/documentation/docs/ui-integrations/material-ui/components/auth-page/index.md b/documentation/docs/ui-integrations/material-ui/components/auth-page/index.md
index 73ab43d81de1..262887691f0d 100644
--- a/documentation/docs/ui-integrations/material-ui/components/auth-page/index.md
+++ b/documentation/docs/ui-integrations/material-ui/components/auth-page/index.md
@@ -967,6 +967,43 @@ const MyLoginPage = () => {
};
```
+### mutationVariables
+
+`mutationVariables` is used to pass additional variables to the `authProvider` methods.
+
+```tsx
+import { AuthPage } from "@refinedev/mui";
+
+const MyLoginPage = () => {
+ return (
+
+ );
+};
+
+// all mutation methods are supported.
+const authProvider = {
+ login: async ({ foo, xyz, ...otherProps }) => {
+ console.log(foo); // bar
+ console.log(xyz); // abc
+ // ...
+ },
+ register: async ({ foo, xyz, ...otherProps }) => {
+ console.log(foo); // bar
+ console.log(xyz); // abc
+ // ...
+ },
+ // ...
+};
+```
+
## API Reference
### Properties
diff --git a/packages/antd/src/components/pages/auth/components/forgotPassword/index.tsx b/packages/antd/src/components/pages/auth/components/forgotPassword/index.tsx
index 410869b89ae6..872108960203 100644
--- a/packages/antd/src/components/pages/auth/components/forgotPassword/index.tsx
+++ b/packages/antd/src/components/pages/auth/components/forgotPassword/index.tsx
@@ -52,6 +52,7 @@ export const ForgotPasswordPage: React.FC = ({
renderContent,
formProps,
title,
+ mutationVariables,
}) => {
const { token } = theme.useToken();
const [form] = Form.useForm();
@@ -104,7 +105,9 @@ export const ForgotPasswordPage: React.FC = ({