Gatsby 3 and gatsby-image-plugin

[popeating]

After upgrading to Gatsby 3 and starting to use gatsby-image-plugin i started to have some problem
in a page i have a list a of categories, when i click on a category i should have a list of images beloging to this category
it was correctly working on Img but now on GatsbyImage everytime i click the category (except for the first time) i got a bunch of errors :
Warning: render(...): It looks like the React-rendered content of this container was removed without using React. This is not supported and will cause errors. Instead, call ReactDOM.unmountComponentAtNode to empty a container.

if i remove the GatsbyImg part (and change it with a dummy text) everything works correctly

the image list part looks like this:

<div id="worklist" className="w-100 flex flex-grow flex-wrap mt-10">
        {currPort &&
          currPort.map((P, i) => {
            // console.log(P);

            return (
              <div key={i} className="w-full md:w-1/2 lg:w-1/3 p-5 ">
                {P && (
                  <GatsbyImage
                    image={P.image[0].childImageSharp.gatsbyImageData}
                    className="test"
                    style={{ height: '350px', width: '100%' }}
                    alt="placeholder"
                  />
                )}
              </div>
            );
          })}
      </div>

when i click on a category to update the currPort state i call the following function:

  function setCategory(category) {
    // gsap.to('#worklist', { y: 10, opacity: 0, duration: 0.5 });
    // gsap.to('#worklist', { y: 0, opacity: 1, duration: 0.5, delay: 0.5 });
    setTimeout(() => {
      setCurrCat(category);
    }, 500);
  }

which trigger a useEffect:

  useEffect(() => {
    menu.map((port, i) => {
      if (port.category === currCat) {
        return setCurrPort(port.portfolio);
      } else {
        return null;
      }
    });
  }, [currCat, menu]);

which update the currPort, that should cause the image part to re-render (the first jsx)

probably im missing something on how the GatsbyImage is working, any help?