How do you make authenticated requests using data providers on the server side in next.js?
It looks like the api calls are happening on the client side which exposes the access tokens
Logged in but I'm not Logged in!
has any had this issue? getting this and can't log in or reset password but looks like i'm logged in when I pull down the upper right menu, my email is there. Wierd.
lazy loading and useList
Hi everybody,
so I'm trying to implement lazy loading for the Tree View component as described here:
https://mui.com/x/react-tree-view/rich-tree-view/lazy-loading/
I'm using useList to fetch data from a graphql backend. The command normally works fine but if I invoke it as part of the lazy loading mechanism of this component it somehow doesn't work, and in the console I have this message:...
useLocation error
I am receiving the following error after upgrading to React Router v7:
useLocation() may be used only in the context of a <Router> component
I followed the migration guide published here: https://refine.dev/docs/routing/integrations/react-router/migration-guide-v6-to-v7/#package-changes
My App.tsx setup looks like this:...How to enable sorting on refinedev/react-table columns with shadcn?
How to enable sorting on refinedev/react-table columns with shadcn?
How to enable search on refinedev/react-table with shadcn?
How to enable search on refinedev/react-table with shadcn?
How to do a table data search with @refinedev/react-table with a custom key outside the columns def?
How can I create a custom table data search with refinedev/react-table based on TanStack react table to pass the '_query' key to the backend?
Is Refine compatible with Tanstack start?
My main project is built in Tanstack start. I've just started building the admin using Refine, but I can see it's using react router etc.
I'm thiking that I would prefer to have a unified toolset across all of my web apps for simplicity.
I'm thinking about weather it's possible to create a Tanstack start app and tack on Refine. I don't know enough about Refine yet to know weather that's a bad idea or not. ...
useForm() dirty state is staying across different resource id
Hi, I am trying to build an edit dialog using useForm() in '@refinedev/react-hook-form'. This dialog is used on a resource list page for editing action. I found that useForm() dirty state is staying across different resource id. If I edited one resource and change the name and don't save it, the next I tried to edit a different resource id the "dirtyFields" value are kept. Is there a setting or something I can do to make sure that the dirty state is reseted across different resource id (or even better whenever the dialog is closed and open again, even it is opening up the same resource id)?
Thanks....
How to create notification provider from scratch?
How to create notification provider from scratch and show the notification once an action is success or failed ? for example after updating a data, or creating a record?
React Router v7 in Framework mode
Is it possible to use refine with react router SSR?
If so, how would one go about it, what to consider?
I spent a lot of time trying to migrate my remix app, but it did not end up working....
Got an error when running dev with PNPM
I got an error when running a Next.js Refine with template app.
The error is:
Failed to compile
...
unit test issue
Hello,
When testing a component that uses Refine's
useGo hook with the "show" action, we're encountering the following error:
APage › should search automatically when there are filters on initial load...Free credits seem to have got me nothing as AI isn't working at the moment
Session url here https://ai.refine.dev/project/vlocqSol
Blown my free credits to get nothing hehe. Sad as I'd love to have seen how it built out the example project. Seems like anything relating to files is broken in AI atm...
multiple dataprovider usage
Hello,
In my project, which consists of multiple backend services, we have a separate NestJS project acting as our BFF (Backend for Frontend). Since each service behaves differently — such as returning different data structures or requiring different query parameters — we maintain separate data providers accordingly.
At this point, I have a question regarding the best approach to structuring these data providers: should we organize them based on services (i.e., per backend service), or should we structure them based on resources/pages on the UI? There are cases where a single page interacts with multiple backend services, which leads to challenges such as the need for manual cache invalidation.
So, my core question is:
When working with multiple data providers, is it better to create new providers per resource or per backend service?...
TQ cache isn't working in existing project
Hi, I'm new here and enjoying Refine so far, but there's an issue with Tanstack Query not caching. This is in an existing project that also uses Apollo, not sure if that's a conflict.
```
const queryClient = new QueryClient({
defaultOptions: {...
Lazy loading a nested Ant Design table
I'm trying to lazy load a nested table but running into trouble since if I call
useTable in the function passed into onExpand, I get an error saying that React hooks always need to be called in the same order. I've also tried to use a simple API request to the endpoint I need but I'm missing auth headers since the request isn't being made by my data provider.
Here's some context about my architecture: I have a resource called "PublishResults" with two foreign key attributes, "draft_event_id" , a FK to the "DraftEvents" table and "latest_request_id", which is a FK to the RequestHistory table. Also, the only connection between the RequestHistory and the DraftEvent table is that there's a key within RequestHistory's jsonb notes column called "draft_event_id". In addition, there may be multiple RequestHistory records per one DraftEvent.
Here's what I want to do: I'm displaying a table of PublishResults in refine using the useTable hook and I want to show all of the RequestHistory records in the nested table that relate to the "draft_event_id" of the PublishResult record. I only want to request the data necessary for the nested table if the user expands the row. How do I do this?...Remove name and avatar from navbar
Hey, i want to ask, how can i remove avatar and name from navbar ?
Using Refine with other MUI Layout?
Hi. I am exploring Refine right now. My project is using MUI so I am also exploring @refinedev/mui package.
I am wondering whether I can use other MUI layout component instead of <ThemedLayoutV2> to build my dashboard, while still using other MUI adapters in @refinedev/mui for datagrid, forms, etc., on the actual pages. My understanding is that <ThemedLayoutV2> depends on <Refine> but not the other way around. I am just not sure whether not using the <ThemedLayoutV2> will have any consequence related to using other components in the @refinedev/mui on my page.
To be more specific, I would like to use the <DashboardLayout> in @toolpad/core....
Plan to support MUI 7?
Hi, is there a timeline to support MUI 7 and mui/x-data-grid 8? I just start trying out Refine and it seems a bummer that I will need to downgrade my MUI version in order to use @refinedev/mui package in my app.
Thanks!...