Syntax for duotone in transformOptions on Gatsby Image

[wad-im]

Hello together,

I feel stupid asking this, but can anyone help me point out the correct syntax on how to correctly pass in the object containing {highlight: string, shadow: string, opacity: number} to achieve a duotone effect in the GatsbyImage resolver or as a prop for static images. Somehow I fail to achieve this.

Thank you,
Wadim

[vladar]

Check out this example as a reference:

gatsby/examples/using-gatsby-image/src/pages/index.js

Lines 110 to 120 in e351588

	export const query = graphql`
	{
	coverImage: file(
	relativePath: { regex: "/alexander-andrews-260988-unsplash-edited/" }
	) {
	childImageSharp {
	gatsbyImageData(
	quality: 80
	transformOptions: {
	duotone: { highlight: "#ffffff", shadow: "#663399" }
	}

[wad-im]

Thank you, Vladar. I tried this way many times. However, I am getting an error back that transformOptions is an unknown argument on field "ContentfulAsset.gatsbyImageData". Is it because the option is not available if I load images from contentful.