Error querying blog post by slug in Next.js project

 error node_modules/@sanity/client/dist/index.cjs (90:12) @ onResponse
- error Error: unable to parse entire expression
    at Object.onceWrapper (node:events:641:28)
    at DestroyableTransform.emit (node:events:539:35)

export const getSinglePost = async (
  slug: string
): Promise<PostData["data"]> => {
  const client = createClient(clientConfig);

  return await client.fetch(
    groq`
  *[_type == "post" && slug.current == ${slug}][0] {
      title,
      "slug":slug.current,
      "author":author->name,
      "image":image.asset->url,
      description,
      category[]->,
      toc[]->,
      body,
      publishedAt
  },
  `,
    {
      slug,
    }
  );
};

const BlogDetails = async ({ params: { slug } }: Params) => {
  const singlePost = await getSinglePost(slug);
  return <BlogDetailsComponent postDetails={singlePost} />;
};
export default BlogDetails;

      publishedAt
  },   // <-- Try removing the comma
  `,
    {
      slug,

*[_type == "post" && slug.current == ${slug}][0] {