Hi ! I'm fairly new to Next, I'm not really used to hydration errors yet, I have the following Warning :

Warning: Expected server HTML to contain a matching <tr> in <tbody>.

          <tbody className="divide-y divide-black">
            {cart.items.map((item) => (
              <CartItem product={item} key={item.id} />
            ))}
          </tbody>

and Here is the cartItem component

    <tr className="text-[#1D2225]">
      <td>
        <input type="checkbox" />
      </td>
      <td className="flex flex-col lg:flex-row gap-4 py-6">
        <Image
          src={product.image}
          sizes="(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw"
          width={125.93}
          height={166}
          className="bg-white"
          alt=""
        />
        <div className="uppercase text-[#1D2225]">{product.name}</div>
      </td>
      <td className="align-top py-6">
        <button className="flex items-center mb-5 space-x-3 p-2 border border-black">
          <div
            onClick={() => {
              removeProduct(product)
            }}
          >
          </div>
        </button>
        <button className="flex items-center space-x-2">
          <div
            onClick={() => {
              removeProduct(product)
            }}
          >
            Remove
          </div>
        </button>
      </td>
      <td className="align-top py-6">
        {currencyFormat(product.price * product.quantity)}
      </td>
    </tr>

I guess I'm missing a <tr> tag but I think there is a closing one at the end so I don't really get it :/