white screen only in iPhone

Hello! The problem I have is when I open my site using the ngrok url on iPhone I see a white screen but when I open it on my Android device or PC I can see my site. how can this be fixed?
kapa.ai
kapa.ai421d ago
Hey @RomaY! I'm the kapa.ai support bot. I've searched through the docs to try to answer your question. :wave:
kapa.ai
kapa.ai421d ago
---------------------- Hmm, I don't know enough to give you a confident answer yet. The provided extracts don't mention ngrok or any specific issues related to iPhone devices. I recommend checking the refine documentation (https://refine.dev/docs) or their blog (https://refine.dev/blog) for more information on this topic. ----------------------
Overview | refine
What is refine?
Blog | refine
A Docusaurus powered blog!
kapa.ai
kapa.ai421d ago
<@538717491908575242> kapa.ai is still learning and improving, please let us how it did by reacting below
deep-jade
deep-jade421d ago
I think the problem is somewhere in the project, because I ran another project and it opened the problem is definitely in the project itself, but I don't understand what
passive-yellow
passive-yellow421d ago
I have no idea and I cannot debug without more information. is it opening with iphone with chrome ? if is it, probably safari has issue
deep-jade
deep-jade421d ago
Still the white screen problem on iPhone was in accessControl, how do I use accessControl, for my authProvider? I am using casbin and when I removed the accessControl from the App file I could see my site on the iPhone, this problem is only on iOS
passive-yellow
passive-yellow421d ago
I'm not quite sure, There are too many abstractions and not have enough information to analyze this problem. - iphone may not allow ngrok URL's for security reasons. - It may not work if ngrok opened the port with http. - maybe some casbin javascript dependencies may not be supported on iphone.
deep-jade
deep-jade421d ago
No, the problem is simply in the accessControl casbin of my application, how do I configure it to access these resources, because if I remove it from the file, I see my authorization resources And I didn't find anything in the docs how to configure access control provider for auth Because otherwise resources are blocked on iOS it is blocked
Omer
Omer420d ago
Hello @RomaY , Could you share a CodeSandbox or StackBlitz where we can reproduce the error? You can fork this example from us: https://refine.dev/docs/examples/access-control/cerbos/
Cerbos | refine
Access Control is a complex topic with a variety of sophisticated solutions that provide numerous functions. This example demonstrates how to use refine and Cerbos to simplify access control management throughout your application.
deep-jade
deep-jade420d ago
The problem was in the newEnforcer that I imported from “casbin”, I changed the import to “casbin.js”, this problem disappeared, accordingly I also changed the accessControl file, model and adapter imported from “casbin.js”, but now it gives access to all pages until the page is reloaded How to make the accessControl follow the role change, without reloading, because the role changes, but the accessControl takes the initial state, and when the role changes after authorization, it does not change the access rights, how to make it change those access rights without reloading the page?
passive-yellow
passive-yellow420d ago
do you changes roles from backend ? when you change roles from backend, client should fetch data again to get new data. so this is require reloading page or refetch query
deep-jade
deep-jade420d ago
Yes, in user data How to do this without reloading the page? Because it doesn't look very good
passive-yellow
passive-yellow420d ago
but http works with request-response. of course http 3 and websocket can push data to client. but with http2 when data changes from server, client does not now until fetch data again. supabase, appwrite like data providers has live-provider feature. maybe casbin has live-provider feature too, I don't know
deep-jade
deep-jade420d ago
OK, thanks, I'll deal with it later, the main thing is that the white screen is gone
More Posts
CLI is not generating page?So i use the cli to create resource, yes it does create component for the resource but not page? so Swizzle of DataProviderHey Refine-Team, when I want to swizzle DataProvider, the console just displays the option to swizzlAdding routerProvider to Refine v4 errors with useLocation being used outside of a routerI am trying to upgrade my project to v4 and I've been having lots of issues. Right now trying to useAdd Refine to an existing React project?I'm wondering what the best way is to add Refine to an existing project. I tried adding the CLI, How to use Refine with JavascriptHello, What do I have to do to setup Refine to use JavaScript instead of typescript? I have checked Display success toast notificationI have created auth provider and i implemented login functionality .when I login it display toast uHow can I customize useRegister onSuccess error toast notification message?This is the refine V4 source code for useRegister hook. There is error handling, which by default thSupabase Set role upon signup or signInWithOAuthHi again everyone, How to set claim for role in Supabase when user signup with email and password orResource in useCustomMutation successNotification parameterHow do I access or pass a resource name into useCustomMutation? I use this hook to have a reorderingUse more than one Supabase Table on one PageHey lovely Refine Team, I cant find how to use Data of two Supabase Tables on one Page.how to adding custom type in option(queryOptions) select useCustom ?my use case is to overrides data from api via select options(queryOptions) but i dont know how to aTSconfig errorHey Everyone - I was wondering if anyone else was running into these errors as they were starting a I can't connect my client id as it is asking for a string instead of client_id: process.env.REACT_API can't connect my client id as it is asking for a string instead of client_id: process.env.REACT_API'm trying to create a projectHello everyone, I'm trying to create a project but it only comes with the header, how do I get the sError after upgrade to v4: Uncaught Error: No QueryClient set, use QueryClientProvider to set oneHello everything is fine? by the stack trace the error is in the method: useIsAuthenticated, I am usMultitenant URLsHi all! Anyone have more info on how to provide props to the nextjs-router in v4? We are multitenanUsing response data in errorNotification useFormHello, My REST API sends a JSON with explanation of what's wrong with the response when request failImplement Google Maps in a FormHello everyone, I am having trouble implementing google maps in a form where the user should fill soCannot invoke an object which is possibly 'undefined'Hi everyone, can anyone help me with this? I trying to integrate Access Control with Supabase and whhow to prefetch data using refineprefetch data before showing item