Hydration mismatch in Nuxt UI

<UInput/>

input: {
            wrapper: "relative",
            base: "relative block w-full disabled:cursor-not-allowed disabled:opacity-75 focus:outline-none border-0",
            default: {
                size: "md",
                color: "gray",
                variant: "outline",
            },
            error: {
                size: "md",
                color: "red",
                variant: "outline",
                style:
                    "ring-1 ring-red-300 focus:ring-red-300"
            },
            color: {
                white: {
                    outline:
                    "ring-1 ring-gray-300 focus:ring-1 focus:ring-main-500 py-2 px-3 leading-tight transition duration-150 ease-in-out"
                }
            },
        },