Trouble modifying Gatsby schema to query childImageSharp

[LMSG-Gatsby]

Hello team,

I am working on a gatsby with Drupal CMS project and am currently facing an issue regarding gatsby-plugin-image with the images coming from the CMS.
I am trying to replace all my tags with components but I seem to miss on something in the typeDef schema or graphql query as I am getting this warning during the build process :
warn You can't use childImageSharp together with undefined.undefined — use publicURL instead. The childImageSharp portion of the query in this file will return null:undefined

Here is my schema :

module.exports = schema => [
  schema.buildObjectType({
    name: 'paragraph__image',
    fields: {
      id: 'ID!',
      drupal_id: 'String',
      drupal_internal__id: 'Int',
      drupal_internal__revision_id: 'Int',
      status: 'Boolean',
      internal: 'Internal!',
      type: {
        type: 'String',
        resolve: source => source.internal.type || '',
      },
      legend: {
        type: 'String',
        resolve: source =>
          source.field_paragraph_image_legend
            ? source.field_paragraph_image_legend || ''
            : '',
      },
      image: {
        type: 'Image',
        resolve: (source, args, context) => {
          const imageFile = context.nodeModel.getNodeById({
            type: 'file__image',
            id: source.relationships.field_paragraph_image_image___NODE,
          });
          if (!source.field_paragraph_image_image) return {};
          if (!imageFile) return {};
          return {
            fileName: source.field_paragraph_image_image.filename || '',
            alt: source.field_paragraph_image_image.alt || '',
            title: source.field_paragraph_image_image.title || '',
            height: source.field_paragraph_image_image.height,
            width: source.field_paragraph_image_image.width,
            url: imageFile.uri.url || '',
            imageStyleUri: imageFile.image_style_uri
              ? imageFile.image_style_uri
              : '',
          };
        },
      },
      imageBis: {
        type: 'File',
        resolve: (source, args, context) => {
          const imageFile = context.nodeModel.getNodeById({
            type: 'file__image',
            id: source.relationships.field_paragraph_image_image___NODE,
          });
          if (!source.field_paragraph_image_image) return {};
          if (!imageFile) return {};
          return {
            fileName: source.field_paragraph_image_image.filename || '',
            alt: source.field_paragraph_image_image.alt || '',
            title: source.field_paragraph_image_image.title || '',
            height: source.field_paragraph_image_image.height,
            width: source.field_paragraph_image_image.width,
            url: imageFile.uri.url || '',
            imageStyleUri: imageFile.image_style_uri
              ? imageFile.image_style_uri
              : '',
          };
        },
      },
      displayMode: {
        type: 'String',
        resolve: source => source.field_display_mode || '',
      },
    },
    interfaces: ['Node'],
    extensions: {
      infer: false,
    },
  }),
];

and here is my gql query in the paragraph template:

import React from 'react';
import { graphql } from 'gatsby';
import classNames from 'classnames';

import absolutePath from 'utils/absolutePath';
import getTitleNode from 'utils/getters';
import unbreakableSpaceWithPunctuation from 'utils/unbreakableSpaceWithPunctuation';

import * as styles from './paragraphImage.module.css';

type Internal = {
  type: string;
};

type Image = {
  url: string;
  alt: string;
};

type Paragraph = {
  drupal_internal__id: number;
  internal: Internal;
  legend: string;
  image: Image;
  startPosition: number;
  endPosition: number;
  displayMode: string;
};

interface Props {
  paragraph: Paragraph;
  stickyBarLink: string;
}

const ParagraphImage = (props: Props) => {
  const paragraphId = props.paragraph.drupal_internal__id;

  const classesImage = classNames(styles.img, {
    [`${styles.imgCenter}`]: props.paragraph.displayMode === 'center_position',
  });
  const classesImageContainer = classNames(styles.imgContainer, {
    [`${styles.imgContainerCenter}`]:
      props.paragraph.displayMode === 'center_position',
  });

  return (
    <div className={styles.alignRight} id={props.stickyBarLink}>
      <div id={`summary-start-${paragraphId}`} />
      <div className={classesImageContainer}>
        <img
          className={classesImage}
          src={absolutePath(props.paragraph.image.url)}
          alt={getTitleNode(props.paragraph.image.alt)}
          loading="lazy"
        />
        {props.paragraph.legend && (
          <legend className={styles.legend}>
            {unbreakableSpaceWithPunctuation(props.paragraph.legend)}
          </legend>
        )}
      </div>
      <div id={`summary-end-${paragraphId}`} />
    </div>
  );
};

export const query = graphql`
  fragment ParagraphImage on paragraph__image {
    drupal_internal__id
    internal {
      type
    }
    legend
    image {
      url
      alt
    }
    imageBis {
      publicURL
      childImageSharp {
        gatsbyImageData(layout: CONSTRAINED)
      }
    }
    displayMode
  }
`;

export default ParagraphImage;

My issue is about the "imageBis" field, it is a duplicate of "image" but tried some changes to be able to query childImageSharp.

Am I missing on something in the query ?
Thanks a lot for any help.