Can't seem to delete specific cache

[welschmoor]

Update: I solved it already, thank you.

Hello,

I managed to delete all cache with the following call:

  const { mutate: mutateCache } = useSWRConfig()

     //...

      <button
        onClick={async () =>
          await mutateCache(
            (key) => true,
            undefined,
            { revalidate: false },
          )
        }
      >
        DELETE CACHE
      </button>

but the filter function does not seem to work when I want to delete only specific caches:

  const { mutate: mutateCache } = useSWRConfig()

     //...

      <button
        onClick={async () =>
          await mutateCache(
            (key) =>
             typeof key === 'string' && key?.includes('searchSuggestions'),
            undefined,
            { revalidate: false },
          )
        }
      >
        DELETE CACHE
      </button>

any idea what I am doing wrong?

The useSWR itself looks like this:

useSWR(
    searchTerm.length > 1 ? ['searchSuggestions', searchTerm] : null,
    () => fetchSearchSuggestions(searchTerm),
    {
      revalidateIfStale: false,
      revalidateOnFocus: false,
      revalidateOnReconnect: false,
    },
  )

Update: maybe my key is not a string, but an array, the first element of which is 'searchSuggestions' ? Will have to look at it tomorrow

Update2: indeed I solved it, since the key remains an array

      <button
        onClick={async () => {
          await mutateCache(
            (key) =>
              key?.constructor === Array &&
              key[0].startsWith('searchSuggestions'),
            undefined,
            { revalidate: false },
          )
        }}
      >
        DELETE CACHE
      </button>