[BUG] Running localhost, cannot make request when no internet connection about refine

[ilomon10]

Hello @BatuhanW
I'm running the project only in local, so all the database and server on local, so why i cant see my own data without internet?

My server is installed on Localhost, my database in localhost, everything in local only there is no effected with outside world

[aliemir]

Hey @ilomon10, looks like this is an issue with the @tanstack/query's network mode. You can set it to always or offlineFirst to make it send the requests regardless of the network state.

• Check out the Network Mode docs from the @tanstack/query here
• Check out the <Refine /> component config to update it globally here

[BatuhanW]

Hello @ilomon10 how do you expect to login without an internet connection? Can't really see the problem here, as it's expected you can't login or see any data without internet.

[BatuhanW]

Hey @ilomon10 sorry for the misunderstanding, re-opening the issue, we'll investigate it.

[ilomon10]

Thankyou @BatuhanW for reopen the issue 🙇🏻‍♂️

Thankyou @aliemir now by setting by this, the request now is started without connection. 🎉

<Refine
  // ...
  options: {
    // ...
    reactQuery: {
      clientConfig: {
        defaultOptions: {
          mutations: {
            networkMode: "offlineFirst" // or replace with "always" to make the request run normally, without connection.
          },
        },
      },
    },
  }
/>

[BatuhanW]

Hello @ilomon10 would you like to make a contribution by adding this question/answer to our FAQ documentation?

https://github.com/refinedev/refine/blob/master/documentation/docs/guides-concepts/faq/index.md

[ilomon10]

Sure @BatuhanW Im so excited to contribute.

But im still have type error, when i implement this options
Type error: Type 'string' is not assignable to type 'NetworkMode | undefined'.

options={{
  reactQuery: {
    clientConfig: {
      defaultOptions: {
        queries: {
          networkMode: "always", // Type error here
        },
        mutations: {
          networkMode: "always",  // and here
        },
      },
    },
  },
}}