gatsby-background-image Error Prop dangerouslySetInnerHTML

[FSmamani]

I need help, what happen

gatsby-background-image add some Style tag but generate this error code

Warning: Prop dangerouslySetInnerHTML did not match. Server: "\n .css-udn85y:before,\n

``
import React from 'react'
import { graphql, useStaticQuery } from 'gatsby'
import { getImage, GatsbyImage } from "gatsby-plugin-image"
import styled from '@emotion/styled';
import { convertToBgImage } from "gbimage-bridge"
import BackgroundImage from 'gatsby-background-image'
const GbiBridged = ({ children }) => {
const { placeholderImage } = useStaticQuery(
graphqlquery { placeholderImage: file(relativePath: { eq: "paste.png" }) { childImageSharp { gatsbyImageData( width: 1000 placeholder: BLURRED formats: [AUTO, WEBP, AVIF] ) } } }
)
const image = getImage(placeholderImage)

// Use like this:
const bgImage = convertToBgImage(image)
const PageThumbWrapper = styled(BackgroundImage) position: relative; width: 100%; height: 400px; @media screen and (max-width: 650px) { height: 300px; };
return (

<PageThumbWrapper   {...bgImage} backgroundColor={`#040e18`} preserveStackingContext> 
  { children }
</PageThumbWrapper>

)
}
export default GbiBridged

``