default loader is not compatible with `next export

[harendra-shakya]

While deploying to fleek. I'm getting this error that default loader is not compatible with next export

Error: Image Optimization using Next.js' default loader is not compatible with `next export`.
Possible solutions:
Use `next start` to run a server, which includes the Image Optimization API.
 Use any provider which supports Image Optimization (like Vercel).
Configure a third-party loader in `next.config.js`.
Use the `loader` prop for `next/image`.
Read more: https://nextjs.org/docs/messages/export-image-api

I have already removed loader prop but still I'm getting this error.

<Image src={imageURI} height="200" width="200" />

next.config.js code

/** @type {import('next').NextConfig} */
const nextConfig = {
    reactStrictMode: true,
    images: {
        domains: ["ipfs.io"],
    },
};

module.exports = nextConfig;

Why am I getting this? I thinking to deploy on vercel

[PatrickAlphaC]

If you want to deploy on vercel, you wouldn't do next export since vercel has a server on the backend.

Basically, the Image tag from Next does some optimizations server side, so you need a server to run the app. next export exports your code to a static folder (aka, no server). It can't do that with non-static code.

What you can do is:

1. Remove all references to the Image tag with some other image tag.
2. Deploy to vercel without next export
3. Fix the default loader (not sure why yours isn't working)