Extended API Route Validator But still getting { type: invalid_data}

[nathgoutam93]

I have extended the product_collections Entity to have some custom fields for visual configuration. migrations are done correctly and custom fields can be seen on raw data.

Even though i have extended the API route validator for Admin AdminPostCollectionsCollectionReq .

But When I try to update a collection with those custom fields from a custom admin widget i'm getting { type: invalid_data } for all the custom fields.

Below i have attached the code snippets for the extedned validator and custom widget. please help

// src/api/routes/admin/collections/update-collection.ts

import { AdminPostCollectionsCollectionReq as MedusaAdminPostCollectionsCollectionReq } from "@medusajs/medusa/dist/api/routes/admin/collections/update-collection";
import { IsString, IsOptional, IsNumber, IsBoolean } from "class-validator";

export class AdminPostCollectionsCollectionReq extends MedusaAdminPostCollectionsCollectionReq {
  @IsOptional()
  @IsString()
  bannerImage: string;

  @IsOptional()
  @IsString()
  displaySection: string;

  @IsNumber()
  displayPriority: number;

  @IsBoolean()
  isVisible: boolean;
}

// src/api/index.ts

import { registerOverriddenValidators } from "@medusajs/medusa";
import { AdminPostCollectionsCollectionReq } from "src/api/routes/admin/collections/update-collection";

registerOverriddenValidators(AdminPostCollectionsCollectionReq);

// src/admin/widgets/collections/edit-collection.tsx

const CollectionFeaturedWidget = (
    props: ProductCollectionDetailsWidgetProps
  ) => {
    const { collection, isLoading } = useAdminCollection(
      props.productCollection.id
    );
  
    const updateCollection = useAdminUpdateCollection(collection.id);
  
    const handleUpdate = (data: FieldValues) => {
      updateCollection.mutate(
        {
          isVisible: data.isVisible,
          displaySection: data.displaySection,
          displayPrority: data.displayPriority,
          bannerImage: data.bannerImage,
        },
        {
          onSuccess: ({ collection }) => {
            toast.info("Toast title", {
              description: "Toast body",
            });
          },
          onError: (error) => {
            toast.error(error.message, {
              description: "Toast body",
            });
          },
        }
      );
    };

    return ...
    
}