custom route element not visible
{
element:<div>
<LayoutWrapper>sssshhhhh</LayoutWrapper>
</div>,
path:"/sample",
} this is my custom route and i want show this page after i click button http://localhost:3000/appointment/sample this way i want url
} this is my custom route and i want show this page after i click button http://localhost:3000/appointment/sample this way i want url
16 Replies
fair-rose•2y ago
the problem is i want to show this in particular appointment resource
eager-peach•2y ago
Does this work when you update the path like
appointment/sample
?fair-rose•2y ago
it shows 404 error page
fair-rose•2y ago
this one
![No description](https://cdn.answeroverflow.com/1031520244113625158/Screenshot_3.png)
fair-rose•2y ago
this page is visible when i provide it in url
eager-peach•2y ago
Checking now, give me couple minutes and we will figure out a way
fair-rose•2y ago
okay
eager-peach•2y ago
Ali Emir Şen
StackBlitz
Refine Antd Example (forked) - StackBlitz
Run official live example code for Refine Antd, created by Pankod on StackBlitz
eager-peach•2y ago
Checkout this example
there's a resource
posts
and added a custom route under posts/custom-route
Works just finefair-rose•2y ago
okay ill check
how r routing to this route for example using push?
You can use
useNavigation
hook for redirect
https://refine.dev/docs/api-reference/core/hooks/navigation/useNavigation/#push-replace-and-gobackeager-peach•2y ago
https://stackblitz.com/edit/pankod-refine-tmdtrx?file=src/pages/posts/list.tsx updated the example like @Omers comment above
Refine Antd Example (forked) - StackBlitz
Run official live example code for Refine Antd, created by Pankod on StackBlitz
fair-rose•2y ago
but the highligted part in the sider is not getting highlighted when it navigates to custom route page . for example post resource in sider is not getting highlighted when it is custom route
fair-rose•2y ago
please check here
eager-peach•2y ago
You are using a custom sider right?
You can add this key by checking the location.pathname (can be accessed via
window
or useLocation
from useRouterContext
which is exported from refine-core
)
Something like this;