I am encountering a similar issue.
Here's my case:
- Building: Shopify Embedded app
- Using: Remix
- Query: "query: (fulfillment_status:unshipped) AND (financial_status:paid)"
I'm listing unfulfilled order in loader
export const loader = async ({ request }: LoaderFunctionArgs) => {
const { admin } = await authenticate.admin(request);
// wait for 10 seconds to have updated data
await new Promise((resolve) => setTimeout(resolve, 10000));
const orderReq = await admin.graphql(`#graphql
query GetOrders) {
orders(first: 50, reverse: true, query: "(fulfillment_status:unshipped) AND (financial_status:paid)") {
nodes {
id
name
displayFulfillmentStatus
displayFinancialStatus
}
}`);
const ordersJson = await orderReq.json();
// console.log(JSON.stringify(ordersJson, null, 2), "ordersJson");
const ordersData = ordersJson.data;
const orders = ordersData?.orders.nodes;
return json({
orders,
});
};
After fulfilling orders using the fulfillmentCreateV2 API through useFetcher, the loader is triggered and calls the API with the query: (fulfillment_status:unshipped) AND (financial_status:paid). This query should not return the fulfilled orders, but the result remains the same as the first time. However, the displayFulfillmentStatus has been updated to FULFILLED.
After a day of debugging and research, I found this post and tried putting:
await new Promise((resolve) => setTimeout(resolve, 10000));
before the fetch inside the loader. Guess what? The query gets the expected result.
My guess is that the results of the orders query are cached by orderId for about 10 seconds
