Warning: Failed prop type: Invalid prop fixed supplied to Image

[NikkiJonesR]

Hi there,

I'm experiencing issues with the fixed property not being recognized. However, the component is rendering just fine.

Console error:
Warning: Failed prop type: Invalid prop fixedsupplied toImage. in Image (at fixed_image.js:14)

Component:

import React from 'react'
import SbEditable from 'storyblok-react'
import Img from 'gatsby-image'
import { getFixedGatsbyImage } from 'gatsby-storyblok-image'

const FixedImage = ({ blok }) => {
  if (blok.image !== 'undefined' && blok.image !== '') {
    const fixedProps = getFixedGatsbyImage(blok.image, {
      width: 900
    });

    return (
      <SbEditable content={blok}>
        <Img fixed={fixedProps} />
      </SbEditable>
    )
  }
  return (
    <SbEditable content={blok}>
      <p>Please upload image</p>
    </SbEditable>
  )
}

export default FixedImage

[modulareverything]

@NikkiJonesR Did you ever find a fix for this?

[Qurus]

Any news on this issue? I have also this warning
Warning: Failed prop type: The prop fluid or fixed is marked as required in Image, but their values are both undefined.

[modulareverything]

@Qurus There's a really annoying flaw in Storyblok in that it doesn't return null values to otherwise empty fields, it returns undefined. The best way to handle this is to use something like PropTypes to handle the undefined value, and return it as null, that way you can conditionally return the Img tag if the field isn't empty.