Mutate not updating

[thai-recurmetrics]

Hello, not sure if i'm approaching this correctly but this is the issue. When I call mutate, it doesn't appear to be doing any updates. Here is my code:

Provider

"use client";
import React from "react";
import { SWRConfig } from "swr";
import request from "graphql-request";

export const Providers = ({ children }: { children: React.ReactNode }) => {
	return (
		<SWRConfig value={{
			fetcher: (params: any) => {
				const query = Array.isArray(params) ? params[0] : params;
				const variables = Array.isArray(params) ? params[1] : undefined;
				return request('/api/graphql', query, variables);
			}
		}}>
			{children}
		</SWRConfig>
	)
};

Documents Context:

const DOCUMENTS_QUERY = gql`
  query documents($clientId: String!, $parentId: String) {
      documents(clientId: $clientId, parentId: $parentId) {
   	id
        name
        isFolder
        contentType
        updatedAt
        url
        user {
          firstName,
          lastName
          picture
       }
   }
}`;

export function DocumentsProvider({ children, clientId } : any) {
    const { data } = useSWR<DocumentResponse>([DOCUMENTS_QUERY, { clientId, parentId: null }]);
    return (
        <DocumentsContext.Provider
          value={{
            setDocument: async (document?: Document) => {
            if (document === undefined) {
               mutate([DOCUMENTS_QUERY, { clientId, parentId: null }]);
            }
            else {
              mutate([DOCUMENTS_QUERY, { clientId, parentId: document.id }]);
            }
          }
      >
         {children}
      </DocumentsContext.Provider>
  );
}

As you can see, when I call the setDocument method from my component, it doesn't call the server to update.