When I render a post content form Wordpress inside my Gatsby blog, the image keeps the same remote url.
How can I solve This? All other fetched images from ACF, Featured img, etc is working great.
my post.js component inside Gatsby:
*imports......*
const postTemplate = ({ data: { post } }) => (
<Layout>
<div className="container">
<div className="row" style={{ marginBottom: '40px' }}>
<PostSidebar
date={post.date}
author={post.author.name}
categories={post.categories}
/>
<PostContent className="col-lg-9">
<h1 dangerouslySetInnerHTML={{ __html: post.title }} />
<div dangerouslySetInnerHTML={{ __html: post.content }} />
</PostContent>
</div>
</div>
</Layout>
)
postTemplate.propTypes = {
data: PropTypes.object.isRequired
}
export default postTemplate
export const pageQuery = graphql`
query($id: String!) {
post: wordpressPost(id: { eq: $id }) {
title
content
author {
name
}
date(formatString: "DD, MMMM, YYYY", locale: "pt")
categories {
id
name
slug
}
}
}
`