Big Problem - Project not Visible in the Preview Pane
Hi
Loving the AI . - so far. Problem is that the AI agent thinks i can see my project in the preview pane when nothing is visible. Also it thinks it has set up tables in Supabase but it hasn't. It's not showing any erros and also the agnet thinks it's solved the problem when it hasn't. Can anyone help?
15 Replies
Hi @George. I'm kapa.ai, your friendly support bot. I will try to answer your question by searching through the knowledge base. :wave:
----------------------
I understand you're experiencing issues with your Refine project not being visible in the preview pane and problems with Supabase table setup. Based on the information provided, I can offer some insights about common issues with Refine and Supabase integration.
Possible Supabase Integration Issues
When working with Refine and Supabase, there are several common setup issues that might occur:
1. Supabase Credentials: Make sure your Supabase URL and API key are correctly configured in your environment variables. As shown in the documentation, these should be set up in a
.env file:
2. Supabase Client Setup: Ensure your supabaseClient.ts file is properly configured as described in the Refine blog.
3. Recent Supabase Bug: There was a recent bug in supabase-js version 2.47.6 that broke authentication functionality. You might need to either downgrade to version 2.47.5 or upgrade to a newer version once the issue is resolved as reported in this GitHub issue.
Preview Pane Issues
For the preview pane not showing your project:
1. Inferencer Issues: There have been known issues with Refine's Inferencer when working with Supabase, especially with foreign keys. This can cause errors like "Objects are not valid as a React child" as documented in this GitHub issue.
2. Search Functionality: Sometimes the search functionality might not work properly across different pages of the application as noted in this GitHub issue.
Troubleshooting Steps
1. Check your browser console for any JavaScript errors
2. Verify that your Supabase tables are actually created by logging into your Supabase dashboard
3. Ensure your data provider is correctly set up for Supabase
4. Try using a different browser or clearing your cache
If you need more specific help, please provide details about:
- Which version of Refine you're using
- Your project setup code (App.tsx configuration)
- Any error messages in the console
- Screenshots of what you're seeing vs. what you expect
The Refine community is quite active on GitHub, and you might find more specific help by opening an issue there with detailed information about your problem.
----------------------
Note: you can ask me a follow up question by @ mentioning me again :speech_balloon:
----------------------<@1372323488697946202> Kapa.ai is still learning and improving, please let me know how I did by reacting below.
foreign-sapphireā¢7d ago
Hello George! I'm Arda, the product manager of Refine AI. Can you share your project ID with me? It's next to the /project/ in the URL. Thanks!
useful-bronzeOPā¢7d ago
foreign-sapphireā¢7d ago
Thank you George I'll take a look with the team and get back to you š
useful-bronzeOPā¢6d ago
Hi arda - how's it going with the fix?
foreign-sapphireā¢6d ago
Hey George! We're focused on a major update right now as soon as it's out of the gates we'll take a look šŖ
Before I hand it over to the devs let me ask you a couple questions. Are you having multiple different issues?
1- AI not creating tables in Supabase even though you gave credentials
2- AI not showing any errors --- Is this happening for Supabase or your codebase?
3- AI saying it solved an error even though it hasn't - kind of like a hallucination behavior.
useful-bronzeOPā¢6d ago
Thanks arda for getting back to me. 1. The AI didnāt create the table in Supabase - it has the credentials to access. Trying to troubleshoot I created the tables following your tutorial.
2. No errors showing in the AI - all I see is the AI agent chat window and the white screen preview pane. Previously the CRM system I was working on. I did some research (Iām not a coder) and found this in the JAVAScript Console (Chrome) for error-
3777a445-2aed-48b5-ac33-8c3bc04f532d-refine-ai-preview.fly.dev/:13
GET https://3777a445-2aed-48b5-ac33-8c3bc04f532d-refine-ai-preview.fly.dev/@vite/client net::ERR_ABORTED 404 (Not Found)
āSummary
TheĀ 404 Not FoundĀ error forĀ @vite/clientĀ occurs when a server is trying to serve a development build of a Vite application without the Vite development server running. The correct solution is almost always to build your application for production (npm run build) and deploy the generated static files to your server.ā Donāt know if this is helpful.
3. Hallucination (lol) Yes - The AI does think itās solved the problem.
Refine AI App
Web site created using Refine AI
foreign-sapphireā¢6d ago
Thanks for the detailed feedback.
1- This isn't happening because the AI currently cannot access Supabase to create/modify tables. It's is merely consuming the already created tables. We are going to add this pretty soon!
2&3- If I'm understanding correctly, the AI didn't give you any errors but in the preview pane you couldn't see any output. It was just a write screen. And when you asked it to fix it the AI thought there was no problem is this accurate?
useful-bronzeOPā¢6d ago
Thanks again for getting back to me - really appreciate it. 2&3 - the AI seems to be caught in a loop of thinking "Let me create a minimal working version that will definitely display something. First, let's create the absolute minimum required files.
First, let's create a minimal working vite.config.ts:" It goes through the same process everytime i say to it "I cannot see anything in the preview pane" it goes back and says the above
foreign-sapphireā¢6d ago
We saw this behavior a couple of times where it gets into - what seems like an endless loop- of solving a very basic UI issue.
I'll relay this to the team as well to improve the reasoning of the AI. Thank you for all the feedbacks I really appreciate it š
We're making a lot improvements behind the scenes so I hope it'll be smarter and more efficient very soon
useful-bronzeOPā¢6d ago
Thanks again arda. Should i hang around for the fix or will this take some time to fix?
foreign-sapphireā¢6d ago
For the supabase integration, it will take some time.
For the AI hallucination part, I believe there will be improvements next week. We're working on it š«”
Also feel free to DM me if you have any further questions, feedback or ideas š
useful-bronzeOPā¢4d ago
cheers
hi arda - i tried to DM you but can't. "Hi arda - I see you have the pricing plan up. I don't want to buy any credits until i know that my issue with the seeing my project is resolved. Will the new plan eat up credits if I encounter a similar issue with the AI having problems trying to solve a problem but not solving it? Thanks" (please delete if you think DM's are more appropiate)
foreign-sapphireā¢3d ago
Hey George - I've fixed the issue with my DMs so feel free to DM me š If you encounter a problem like that can you use the send feedback button for us to check? We can probably refund you the credits or give you additional credits until we fix that problem for good