Error: Input buffer contains unsupported image format

[realav]

I am getting this error when using next-optimized-images for my project to enable static exports. Any idea what's causing this?

node:internal/process/promises:246
          triggerUncaughtException(err, true /* fromPromise */);
          ^

[Error: Input buffer contains unsupported image format]

Package.json

{ "name": "tailwind-nextjs-starter-blog", "version": "1.1.2", "private": true, "scripts": { "start": "next-remote-watch ./data", "dev": "next dev", "build": "next build && node ./scripts/generate-sitemap && next export", "serve": "next start", "analyze": "cross-env ANALYZE=true next build", "lint": "next lint --fix --dir pages --dir components --dir lib --dir layouts --dir scripts", "prepare": "husky install" }, "dependencies": { "@mailchimp/mailchimp_marketing": "^3.0.58", "@tailwindcss/forms": "^0.3.2", "@tailwindcss/typography": "^0.4.0", "autoprefixer": "^10.2.5", "esbuild": "^0.12.15", "github-slugger": "^1.3.0", "gray-matter": "^4.0.2", "image-size": "1.0.0", "mdx-bundler": "^6.0.1", "next": "11.1.2", "next-compose-plugins": "^2.2.1", "next-optimized-images": "^3.0.0-canary.10", "next-themes": "^0.0.14", "postcss": "^8.3.5", "preact": "^10.5.13", "react": "17.0.2", "react-dom": "17.0.2", "reading-time": "1.3.0", "rehype-autolink-headings": "^6.0.0", "rehype-katex": "^6.0.0", "rehype-prism-plus": "^1.0.0", "rehype-slug": "^5.0.0", "remark-footnotes": "^4.0.0", "remark-gfm": "^2.0.0", "remark-math": "^5.0.0", "sharp": "^0.28.3", "smoothscroll-polyfill": "^0.4.4", "tailwindcss": "^2.2.2", "unist-util-visit": "^4.0.0" }, "devDependencies": { "@next/bundle-analyzer": "11.1.2", "@svgr/webpack": "^5.5.0", "cross-env": "^7.0.3", "dedent": "^0.7.0", "eslint": "^7.29.0", "eslint-config-next": "11.1.2", "eslint-config-prettier": "^8.3.0", "eslint-plugin-jsx-a11y": "^6.4.1", "eslint-plugin-prettier": "^3.3.1", "file-loader": "^6.0.0", "globby": "11.0.3", "husky": "^6.0.0", "inquirer": "^8.1.1", "lint-staged": "^11.0.0", "next-remote-watch": "^1.0.0", "prettier": "2.2.1" }, "lint-staged": { ".+(js|jsx|ts|tsx)": [ "eslint --fix" ], ".+(js|jsx|ts|tsx|json|css|md|mdx)": [ "prettier --write" ] } }

System Info (if dev / build issue):

• OS: macos
• Node version 16.10

[chadoh]

Getting the same problem. Just tried to add latest next-optimized-images@canary (latest is currently canary.10) to a TypeScript version of the blog app that Next has us build. See https://github.com/AhaLabs/ahalabs.github.io/pull/1/commits/f72f0fd942bb10e430af1f9fef807cbdf14f0dbe