---------------------- Swizzling is a feature provided by Refine to override the default components. When you swizzle a component, it's important to note that you're creating a new version of the component, and you'll need to add your own styles or import the necessary styles from the original component. If you swizzled the `` component and it lost all its styles, it's likely because the styles are not being imported or included in your swizzled component. You'll need to ensure that you're importing the necessary styles or writing your own to replace them. Here's an example of how you can customize the `` component with your own styles: ```jsx import { AuthPage } from "@refinedev/antd"; const MyLoginPage = () => { return ( { return (

{title}

Extra Header

{content}

Extra Footer

); }} /> ); }; ``` In this example, the `renderContent` prop is used to render the form content and the title. You can use this property to render your own content, or change the default content and title that it gives you (**source** ()). If you're still having trouble, you might want to check the **Refine documentation** () or ask for help in the **Refine GitHub repository** (). ---------------------- Note: you can ask me a follow up question by @ mentioning me again :speech_balloon: ----------------------

When I swizzle the authpage, it loses all the styling when using the swizzled version in antd

Similar Threads

Similar Threads

Similar Threads