https://reactadminpanel.com/ appears to be broken. On the homepage it shows ``` Error :( Reference
https://reactadminpanel.com/ appears to be broken. On the homepage it shows
React Admin Panel Tutorial | A comprehensive React admin panel tuto...
refine offers lots of out-of-the box functionality for rapid development of web applications, without compromising extreme customizability.
15 Replies
fair-rose•2mo ago
hi are you planing to upgrage refine/node docker image
or maybe i can use other images?
dependent-tan•2mo ago
Has anyone worked with surrealdb and refine?
frail-apricot•2mo ago
Algum do Brasil no canal, poderia me ajudar?
I have a list of customers, and I need to create a button in the actions to list the addresses related to that customer. How do I do it?
like-gold•2mo ago
Hello
rising-crimson•2mo ago
best json editor to use in form.items in ant design style?
adverse-sapphire•2mo ago
I don't think this is a support question as much as just asking for experience and advice so I'm putting it here first.
Has anyone had any experience implementing a simple code editor into a refine project? I am using the supabase+mui starter for reference. I need to find a solution to edit and just display syntax highlighted code in three different languages, Typescript, Rust and Python.
The more tightly integrated the better.
fair-rose•2mo ago
hello, guys, i have an issue i am having for several days. I wanted to make a table component using useTable hook from
"@refinedev/react-table"
Basically, the columns field don't want to accept ColumnDef<TData>[] type value. It gives me:
ColumnDef<TData, any>[]' is not assignable to type 'ColumnDef<BaseRecord, any>[]
but if I try to hard code the columns to a type ColumnDef<BaseRecord, any>[] , it errors: Type 'BaseRecord' is not assignable to type 'TData'. Please help me
foreign-sapphire•2mo ago
Does anyone know where to find the Database SQL dump so that I can create the base table structures for storing and fetching the data? Or am I missing something
Figured it out. Used the Cursor AI to write a script to go from the graphql to sql
stormy-gold•4w ago
Now I am actively looking for a new job opportunity or task, and here, I'd like to connect with you. Thank you.
deep-jade•3w ago
Hey, I've fixed an issue related react-hook-form. Now I need to write unit test for that fix. I am unable to run tests. Little confused between so many packages. Can anyone help me with that?
stormy-gold•3w ago
Hi. Can I define routes outside of App.tsx file? When I did that, it threw exception:
Missing "./." specifier in "@refinedev/react-router" packagenational-gold•3w ago
hello guys, i used refine antd for authpage, and i wanna show the icon of show/hide password
<Input.Password
placeholder="Password"
iconRender={(visible) => (visible ? <EyeOutlined /> : <EyeInvisibleOutlined />)}
/>
but nothing is changed, is there a predifined prop in authpage for that ? and thanks
PS: i used the same Input.Password outside the authPage tag and it icon is displayed normal
afraid-scarlet•3w ago
Hii
absent-sapphire•2w ago
Hi guys I have a big concern on refine my setup is using hasura as data, provider with chakraui. The cons is that whenever i run npm run dev as preload and visited site it takes 20 seconds up to fully load just the auth page
absent-sapphire•2w ago
i modify the vite config with this
import path from 'path';
// import react from '@vitejs/plugin-react';
import react from '@vitejs/plugin-react-swc';
import { defineConfig } from 'vite';
import compression from 'vite-plugin-compression';
import imagemin from 'vite-plugin-imagemin';
// https://vitejs.dev/config/
export default defineConfig({
plugins: [
react(),
imagemin({
gifsicle: { optimizationLevel: 3 },
mozjpeg: { quality: 75 },
optipng: { optimizationLevel: 5 },
svgo: { plugins: [{ removeViewBox: false }] },
}),
compression({ algorithm: 'brotliCompress' }),
],
resolve: {
alias: {
'@app': path.resolve(dirname, './src/app'),
'@entities': path.resolve(dirname, './src/entities'),
'@features': path.resolve(dirname, './src/features'),
'@pages': path.resolve(dirname, './src/pages'),
'@shared': path.resolve(dirname, './src/shared'),
'@widgets': path.resolve(dirname, './src/widgets'),
},
},
server: {
port: Number(process.env.VITE_PORT) || 5174,
hmr: {
overlay: false,
},
},
build: {
cssMinify: true,
cssCodeSplit: true,
},
});