Refine

R

Refine

Join the community to ask questions about Refine and get answers from other members.

Join

ask-any-question

discussions

genetic-orange
genetic-orange8/1/2024

JSX errors

So I had no errors before when I first downloaded refine, but when I clicked on node modules, and then refinedev then mui then src file for the side I got like 50 errors for jsx and now I can’t edit the sider until the issue is fixed, anyone know a solution? I tried changing the typescript version and I tried changing the jsx in tsconfig json to just react, or react-jsx but nothing on google is helping me. Let me know if y’all can get me a solution, thanks!
No description
extended-salmon
extended-salmon7/31/2024

Disable and hide refresh button on show page

Hi, I would like to disable and hide the refresh button on the show button, while still keeping the other buttons
optimistic-gold
optimistic-gold7/31/2024

Indirect relational data on Appwrite adapter in Refine

I currently want to add an indirect relation to a resource in Refine. I have two database and they have their own collections. But in each database there are some collections that they have indirect relationship. For example in Catalog database I have Product collection. And on the Commerce database I have OrderItems collection. OrderItems collection should have the ProductId but since Appwrite doesn't let us have a relationship or does not return related data on the query result, we need to find a way to get those indirect related data to the Refine table. Does anyone know how t accomplish this?...
future-harlequin
future-harlequin7/31/2024

How to change form data before submitting when using the Edit component?

When using the <Edit /> component together with useForm from @refinedev/react-hook-form, how can I change the data before it gets sent to the API?
modern-teal
modern-teal7/31/2024

AuthPage styling problem

hello, i am learning Refine, and i am trying to setup authpage, i downloaded Tempalte but when i am trying to put <Route path="/login" element={<Login />} /> <Route path="/register" element={<Register />} /> ...
No description
deep-jade
deep-jade7/31/2024

implementing role based mutlitenancy

@kapa.ai what is the best way to integrate auth role based multitenancy?
automatic-azure
automatic-azure7/31/2024

how do i integrate clerk with the auth provider?

how do i integrate clerk with the auth provider?
equal-aqua
equal-aqua7/30/2024

how to send created by

"use client"; import { Box, TextField } from "@mui/material"; import { Create } from "@refinedev/mui"; import { useForm } from "@refinedev/react-hook-form";...
equal-aqua
equal-aqua7/30/2024

how can i use mdeditor

how can i use mdeditor in mui
flat-fuchsia
flat-fuchsia7/29/2024

CrudOperators

I want to extend CrudOperators ,need to add more operators , how to achieve that. operators is inside refine core,
genetic-orange
genetic-orange7/26/2024

Change title

I would like to change the header file title from refine to somethign else i tried to change it to a <DocumentTitleHandler handler={customTitleHandler} /> but it didn't work(btw this is the customTittleHandler ```import { IResourceItem, Action } from "@refinedev/core"; interface TitleHandlerOptions { resource?: IResourceItem; action?: Action;...
compatible-crimson
compatible-crimson7/26/2024

mantine problem

Hello Why when i click refresh btn in edit page it causes max depth re rendering even if the page is empty I use mantine as ui library...
helpful-purple
helpful-purple7/26/2024

Passing values to a create button

I want to have a specific create button in the table view. So when I press the create it should also passes the ID of that row in the table where the button is present. When I'm at the create view then I can retrieve this ID of the row. How can I do this?...
extended-salmon
extended-salmon7/26/2024

invalidate state of useTable hook

Hi, my goal is to force useTable to refetch its data, basically refresh, when I click a header button on the list page, how can I do this?
extended-salmon
extended-salmon7/26/2024

Refresh button for list in edit page

Hi, I am using refine and I disabled the show page so it goes to the edit page right away. However I modified the edit page to contain the list (antd design) of sub resources. For example I have buildings as primary resource and as sub resource I have offers, these offers show (relevant to the current building). However I would like to add a refresh button at the top of the list to refresh the items of the list or maybe even add real time updates in the future....
other-emerald
other-emerald7/26/2024

CORS

How to use: headers: ['Content-Type', 'Authorization', 'X-Requested-With', 'Origin', 'Accept'], with strapi4...
eastern-cyan
eastern-cyan7/26/2024

custom queryParams to useDataGrid

Hello guys 👋 I have this code ```ts const dataGrid = useDataGrid<IAccount>({ resource: "journalLine/ledger",...
extended-salmon
extended-salmon7/25/2024

custom handle edit page field

Hi, I have a checkbox that dynamically shows an input when checked. this input is called realtorFee and represent a field in the backend, now the toggle is called realtorFeeToggle which is just a frontend conditional input to show that field. This works on the create page just fine, but on the edit page the switch is always off, even if the realtorFee has a value. How can I modify my antd design edit page for my resource so the toggle is enabled when realtorFee has a value (not null)?
future-harlequin
future-harlequin7/25/2024

Antd table with interfaces

Can you provide an example of a fully typed Antd table that includes at least one data relationship (e.g., category id to category name)
rival-black
rival-black7/25/2024

AntdIconProps

src/routes/companies/components/table-view.tsx:61:22 - error TS2739: Type '{}' is missing the following properties from type 'Pick<AntdIconProps, "scope" | "children" | "size" | "label" | "list" | "max" | "required" | "type" | "data" | "default" | "high" | "low" | "key" | "id" | "media" | ... 347 more ... | "twoToneColor">': onPointerEnterCapture, onPointerLeaveCapture 61 filterIcon={<SearchOutlined /> as any}...