---------------------- To set a custom logo on the default login page in refine, you can create a custom login page and use the `LoginPage` property in the `` component. Here's how you can do it: 1. Create a custom login page component (e.g., `CustomLoginPage.tsx`) with your logo and the login form: ```tsx import React from "react"; import { useLogin } from "@refinedev/core"; import { Form, Input, Button } from "antd"; type LoginVariables = { username: string; password: string; }; export const CustomLoginPage = () => { const { mutate: login } = useLogin(); const onSubmit = (values: LoginVariables) => { login(values); }; return (

); }; ``` 2. Import the `CustomLoginPage` component in your `App.tsx` file and set it as the `LoginPage` property in the `` component: ```tsx import { CustomLoginPage } from "./CustomLoginPage"; const App: React.FC = () => ( ); ``` Please note that the `LoginPage` property is deprecated in the new routing system, and you should create a route for the login page instead. However, since you mentioned you're using refine V4, the above solution should work for you.

Define customized Logo on default Loginpage

Similar Threads

Similar Threads

Similar Threads