GatsbyImage - GraphQL TypeError: Cannot Read Property 'Split' of Undefined

query vehicleQuery($slug: String) {
  sanityVehicle(id: {eq: $slug}) {
    id
    _id
    modellbetegnelse
    manufacturer {
      label
      logoimage {
        asset 
      }
    }

query vehicleQuery($slug: String) {
  sanityVehicle(id: {eq: $slug}) {
    id
    _id
    modellbetegnelse
    manufacturer {
      label
      logoimage {
        asset {
          fluid {
            src
          }
          gatsbyImageData
        }
      }
    }

failed Building static HTML for pages - 0.243s

 ERROR #95313 

Building static HTML failed for path "/vehicles/-d9d34e74-0ffb-5ae8-b103-7895bfbd02c7"

See our docs page for more info on this error: <https://gatsby.dev/debug-html>

  161 |     var hasOriginalRatio = desiredAspectRatio === dimensions.aspectRatio;
  162 |     var outputHeight = Math.round(height ? height : width / desiredAspectRatio);
&gt; 163 |     var imgUrl = isOriginalSize(width, outputHeight) ||
      |                                                 ^
  164 |         (hasOriginalRatio &amp;&amp; width &gt; dimensions.width &amp;&amp; outputHeight &gt; dimensions.height)
  165 |         ? url
  166 |         : url + "?w=" + width + "&amp;h=" + outputHeight + "&amp;fit=crop";


  WebpackError: TypeError: Cannot read property 'split' of undefined
  
  - getGatsbyImageProps.ts:163 
    gatsby-starter-hello-world/src/images/getGatsbyImageProps.ts:163:49
  
  - getGatsbyImageProps.ts:393 
    gatsby-starter-hello-world/src/images/getGatsbyImageProps.ts:393:21
  
  - vehicledetail.js:14 
    gatsby-starter-hello-world/src/templates/vehicledetail.js:14:36
  
  - extends.js:8 
    [gatsby-starter-hello-world]/[@babel]/runtime/helpers/extends.js:8:1
  
  - extends.js:14 
    [gatsby-starter-hello-world]/[@babel]/runtime/helpers/extends.js:14:1
  
  - extends.js:13 
    [gatsby-starter-hello-world]/[@babel]/runtime/helpers/extends.js:13:1
  
  - static-entry.js:263 
    gatsby-starter-hello-world/.cache/static-entry.js:263:20
  
  - history.js:26 
    [gatsby-starter-hello-world]/[@gatsbyjs]/reach-router/es/lib/history.js:26:1

System:
    OS: macOS 11.2.3
    CPU: (8) x64 Intel(R) Core(TM) i7-7920HQ CPU @ 3.10GHz
    Shell: 5.8 - /bin/zsh
  Binaries:
    Node: 15.12.0 - /usr/local/bin/node
    npm: 7.6.3 - /usr/local/bin/npm
  Languages:
    Python: 2.7.16 - /usr/bin/python
  Browsers:
    Chrome: 89.0.4389.90
    Firefox: 86.0
    Safari: 14.0.3
  npmPackages:
    gatsby: ^3.0.1 => 3.1.2
    gatsby-plugin-image: ^1.1.1 => 1.1.2
    gatsby-plugin-postcss: ^4.1.0 => 4.1.0
    gatsby-plugin-sharp: ^3.1.1 => 3.1.2
    gatsby-source-filesystem: ^3.1.0 => 3.1.0
    gatsby-source-sanity: ^7.0.0 => 7.0.0
    gatsby-transformer-sharp: ^3.1.0 => 3.1.0
  npmGlobalPackages:
    gatsby-cli: 3.1.0

profiles {
  id: _key
  name
  bio
  image {
    asset {
      fluid(maxWidth: 700) {
        ...GatsbySanityImageFluid
      }
    }
  }
}

import React, { useEffect, useRef, useState } from 'react';
import Image from 'gatsby-image';
import './Image.scss';

const ResponsiveImage = (props) => {
  const {
    image,
    className = '',
    style = {},
    onLoaded,
  } = props;

  const [loaded, setLoaded] = useState(false);
  const imgRef = useRef();

  useEffect(() => {
    if (onLoaded && imgRef.current && imgRef.current.state.imgLoaded) {
      onLoaded();
    }
  }, [imgRef.current, loaded]);

  return (
    <Image
      className={className}
      fluid={image.asset.fluid}
      alt={image.alt || ''}
      style={style}
      ref={imgRef}
      onLoad={() => setLoaded(true)}
    />
  );
};

export default ResponsiveImage;