🧙‍♂️ Undefined Playground with Zod

Read more about this issue on Seni Menerima Data dari Backend, untuk Frontend yang ingin Tidur Nyenyak

Check the code on with-zod/page.tsx

Error

This is error format with zod-validation-error

"Validation error: Required at \"products[0].cost\"; Required at \"products[1].cost\"; Required at \"products[2].cost\"; Required at \"products[3].cost\"; Required at \"products[4].cost\""

Original error from zod

{
  "issues": [
    {
      "code": "invalid_type",
      "expected": "number",
      "received": "undefined",
      "path": [
        "products",
        0,
        "cost"
      ],
      "message": "Required"
    },
    {
      "code": "invalid_type",
      "expected": "number",
      "received": "undefined",
      "path": [
        "products",
        1,
        "cost"
      ],
      "message": "Required"
    },
    {
      "code": "invalid_type",
      "expected": "number",
      "received": "undefined",
      "path": [
        "products",
        2,
        "cost"
      ],
      "message": "Required"
    },
    {
      "code": "invalid_type",
      "expected": "number",
      "received": "undefined",
      "path": [
        "products",
        3,
        "cost"
      ],
      "message": "Required"
    },
    {
      "code": "invalid_type",
      "expected": "number",
      "received": "undefined",
      "path": [
        "products",
        4,
        "cost"
      ],
      "message": "Required"
    }
  ],
  "name": "ZodError"
}