Refine

R

Refine

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

Join

ask-any-question

discussions

xenial-black
xenial-black2/22/2024

How to use props?

PointList receives points as props. How do I change the points data to be used in useDataGrid, useExport, useForm? ``` export default function PointList({ points }: any) { type PointDetail = IPointDetailItem[] | ''...
subsequent-cyan
subsequent-cyan2/21/2024

Autocomplete not working inside UseModalFormReturnType component

I am trying to use Autocomplete in separate drawer component. When I console.log value onChange or in getOptionLabel, values are there as they should be but nothing shows up in Controller.
vicious-gold
vicious-gold2/21/2024

App-CRM

First of all, love refine. This is so cool, but i am still very new to coding and i've been stuck for hours now. I'm trying to continue working on this example https://example.crm.refine.dev/ ...
afraid-scarlet
afraid-scarlet2/21/2024

AuthProvider and AccessControl mismatch during checkLoginIframe keycloak

There seems to be a mismatch in the context updates between the AuthProvider and the AccessControlProvider using keycloak default settings in our project. By default KeyCloak checks the login states in an iframe. This can lead to the AccessControlProvider knowing that the client has logged out. Which in turn may be used to display AccessControl based components. Refine's internal authProvider does not check whether the user is still authenticated similarly to keycloak, and thus we have a situation where we set the role state globally to be an empty string with a logged out user, but the webpage still displays that the user is logged out because of refine's authentication (before refresh or user actions). Current workaround exists on remounting the entire AuthProvider which seems to lead to weird implementations or simply setting keycloaks options as such: initOptions={{ checkLoginIframe: false }. ...
genetic-orange
genetic-orange2/21/2024

How do I pass query params from UpdatePasswordPage to updatePassword function in authProvider

How do I pass query params from UpdatePasswordPage to updatePassword function in authProvider?




...
subsequent-cyan
subsequent-cyan2/20/2024

GetIdentity is called twice

I am using classic authProvider with getIdentity method. Inside one of the components I use: const { data: user } = useGetIdentity<IIdentity | null>(); When I refresh application, getIdentity inside authProvider is called twice. If I comment out this line, getIdentity is still called once. Could it be that getIdentity is called somewhere in the background? If so, how could I access it's value inside my component so I don't have to make two requests?...
genetic-orange
genetic-orange2/20/2024

how would i change show to details

I want to change show to details for example { name: "issuing", list: "/issuing", show: "/issuing/show/:id", meta: {...
foreign-sapphire
foreign-sapphire2/20/2024

Does MUI Inferencer support custom components?

We have a small wrapper around Material UI altering minor things on the generic components. Currently, the inferencer uses Refine components like EditButton that is a small wrapper around the MUI Button, and, for example MUI Checkbox via renderedFields internally. Is there a way for the Inferencer to provide custom components to render, or at least a way to look for the MUI components in @company/react-mui when generating the inferenced code?...
genetic-orange
genetic-orange2/20/2024

Update user's identity after user's data had been changed in AccountSettings

How do I update data from useGetIdentity when it changes after the user changed his username in account settings for example? ``` import { Popover, Button } from 'antd'; import React, { useState } from 'react';...
rare-sapphire
rare-sapphire2/20/2024

How can we change the Notification Placement using Refine with Antd?

We're using a custom NotificationProvider and injecting into our Refine App, but we can't figure out how to specify the location for the notification popup in Ant Design. We'd like to change it from topLeft to top.
extended-salmon
extended-salmon2/19/2024

Breadcrumb i18n

How can I translate part of my breadcrumb to a specific i18n key? I've seen in the code that breadcrumb searches for the i18n key the following way: ```tsx pickNotDeprecated( parentResource.meta?.label, parentResource.options?.label,...
broad-brown
broad-brown2/19/2024

Invalid Session Token login

Hey guys, I'm relatively new to Refine and was eager to try out the refine devtools. I followed the installation process, but when I attempt to log in via Google or Github, I receive an "invalid session token" message. I would greatly appreciate any assistance!...
No description
extended-salmon
extended-salmon2/19/2024

Change HTTP request method of useForm

Here's a snippet of my code: ``` export default function StoreEdit() { const { formProps, formLoading, saveButtonProps, onFinish } = useForm();...
continuing-cyan
continuing-cyan2/19/2024

custom endpoint for create page

I want to use a custom endpoint which is "http://localhost:3500/createUser" for this component ``` import React from "react"; import { Box, TextField } from "@mui/material";...
quickest-silver
quickest-silver2/19/2024

How to connect with MongoDB with Auth0 login

I have refine dev project iam using auth0 how do i connect to mongo db and store the username password
subsequent-cyan
subsequent-cyan2/18/2024

How to edit rows directly in data grid? (MUI)

In my MUI data grid I've defined columns as editable and can access them and edit them, but can't save or call edit on button. Is there any faster way to edit and make calls without implementing all functions from MUI documentation website?
causal-orange
causal-orange2/18/2024

Failed npm run build with lots of errors:

Failed npm run build with lots of errors:
correct-apricot
correct-apricot2/18/2024

OpenAPI Codegen with Refine (REST API Provider)

Hey, I have a solid REST API which has an OpenAPI specification. I was wondering if that could be used to autogenerate an entire NextJS admin panel with Refine. I think that could greatly accelerate progress for many devs and teams. Here's my Issue on GitHub with more details: https://github.com/refinedev/refine/issues/5623...
subsequent-cyan
subsequent-cyan2/17/2024

I18n locale change doesn't change column headerName

On selecting different locale via I18n provider, everything translates instantly except column all of headerNames on open list.tsx, those translate only on page refresh.
solid-orange
solid-orange2/17/2024

Supabase authentication with refinenative

Hi, I am trying to build a mobile application with react native using the community package https://dev.to/abdellah711/refine-native-2p1d and I'm having trouble implementing supabase login page correctly. This is my authProvider.ts and the login function works but I have to submit the form twice. Each time when I log in the first time I'm redirected to the login page again and I'm only getting logged in when I submit the form for the second time....