How to extends shop graphql SearchResult type with additional fields?

[yousif-khalil-abdulkarim]

Here is my code:

File: api-extensions.ts

import gql from 'graphql-tag';

const customSearchResultsShopApiExtensions = gql`
  extend type SearchResult {
    product: Product!
  }
`;
export const shopApiExtensions = gql`
  ${customSearchResultsShopApiExtensions}
`;

File: custom-search-results-admin.resolver.ts

import { Parent, ResolveField, Resolver } from "@nestjs/graphql";
import {
  Ctx,
  ProductService,
  RequestContext,
  Translated,
} from "@vendure/core";
import { SearchIndexItem } from "@vendure/core/dist/plugin/default-search-plugin/entities/search-index-item.entity";
import { Product } from "src/generated/graphql";

@Resolver("SearchResult")
export class CustomSearchResultsShopResolver {
  constructor(private readonly productService: ProductService) {}

  @ResolveField()
  async product(
    @Ctx() ctx: RequestContext,
    @Parent() searchResult: SearchIndexItem
  ): Promise<Translated<Product>> {
    const product = await this.productService.findOne(
      ctx,
      searchResult.productId
    );
    if (!product) {
      throw new Error("The product was not found");
    }
    if (product.enabled === false) {
      throw new Error("The product was not found");
    }
    product.facetValues = product.facetValues?.filter(
      (fv) => !fv.facet.isPrivate
    ) as any;
    return product as Translated<Product>;
  }
}

The code doesnt work. When running the search query it will get stuck.