Custom Sider render property Type Error
Following the tutorial:
https://refine.dev/docs/api-reference/mui/customization/mui-custom-sider/#customize-sider-by-using-render-property
I get a type error
The render itself is working
Sider | refine
You can access the logout, dashboard, items elements and collapsed state that we use in our default Sider component by using render properties. Customize it to your needs or you can create a custom
component and use it either by passing it to or using a Custom Layout.
4 Replies
Hey @zomh ,
We recently released our swizzle support. In this command, you can swizzle the components of the refine. This allows you to customize the components and use your own components.
swizzle: https://refine.dev/docs/packages/documentation/cli/#swizzle
CLI setup: https://refine.dev/docs/packages/documentation/cli/#how-to-add-to-an-existing-project
foreign-sapphire•2y ago
you would use swizzle over render even though i am just doing minior changes like headings in sider?
I am aware of swizzle i am just unsure when to use it or if its overkill in minor use cases @Omer
would you just always use it if you customize no matter how small the change is?
You are right ⚡ I created an example for you https://stackblitz.com/edit/refinedev-refine-mlwwaq?file=src%2FApp.tsx&preset=node
By the way, we will fix our document soon.
foreign-sapphire•2y ago
thanks will use this !