Using Zod codecs with nuqs

zod-codec-parsers.ts

import { createParser, useQueryState } from 'nuqs'
import { z } from 'zod'

export function createZodCodecParser<
  Input extends z.ZodCoercedString<string>,
  Output extends z.ZodType
>(
  codec: z.ZodCodec<Input, Output>,
  eq: (a: z.output<Output>, b: z.output<Output>) => boolean = (a, b) => a === b
) {
  return createParser<z.output<Output>>({
    parse(query) {
      return codec.parse(query)
    },
    serialize(value) {
      return codec.encode(value)
    },
    eq
  })
}

From the video: https://www.youtube.com/watch?v=k4lWvklUxUE