axios: Axios doesn't work on edge runtime, Adapter 'http' is not available in the build

Describe the bug

I am building a library that uses axios, when I run it on Serverless edge functions (e.g: on vercel) it fails with error:

Error: Adapter 'http' is not available in the build
    at Object.getAdapter (webpack-internal:///(middleware)/../../sdks/node/node_modules/axios/dist/browser/axios.cjs:2371:13)
    at Axios.dispatchRequest (webpack-internal:///(middleware)/../../sdks/node/node_modules/axios/dist/browser/axios.cjs:2426:28)

It seems that it doesn’t pick any adapter when running on edge. I tried to manually set adapter to http but I got the same error.

I know fetch is supported on edge runtime, so I tried with a custom adapter, its not completed, still struggling with setting the headers and query params but it works and doesn’t generate errors:

axiosOptions.adapter = function (config) {
    return new Promise(async (resolve, reject) => {
        try {
            const reqOptions: RequestInit = {
                method: config.method,
                keepalive: true,
                body: config.data,
            }
            const resp = await fetch("some url", reqOptions);
            const payload = await resp.text();
            const response: AxiosResponse = {
                data: payload,
                status: resp.status,
                statusText: resp.statusText,
                headers: {
                    'content-type': resp.headers.get('content-type') || undefined,
                },
                config: config,
            };
            resolve(response);
        } catch (err: any) {
            console.log({ err });
            const axiosErr = new AxiosError(err.message);
            reject(axiosErr);
        }
    });
};

I don’t know it the http adapter could work on edge, is there a way to force axios to include it? If not, can we add a fetch adapter to the lib?

When I run axios without creating an instance the errors differs a bit:

Error [TypeError]: adapter is not a function
    at dispatchRequest (webpack-internal:///(middleware)/./node_modules/axios/lib/core/dispatchRequest.js:58:10)
    at Axios.request (webpack-internal:///(middleware)/./node_modules/axios/lib/core/Axios.js:109:15)
    at Axios.<computed> [as get] (webpack-internal:///(middleware)/./node_modules/axios/lib/core/Axios.js:131:17)
    at Function.wrap [as get] (webpack-internal:///(middleware)/./node_modules/axios/lib/helpers/bind.js:9:15)
    at Object.handler (webpack-internal:///(middleware)/./pages/api/axios.js:11:69)
    at adapter (webpack-internal:///(middleware)/./node_modules/next/dist/server/web/adapter.js:60:33)
    at Module.__WEBPACK_DEFAULT_EXPORT__ (webpack-internal:///(middleware)/./node_modules/next/dist/build/webpack/loaders/next-edge-function-loader.js?absolutePagePath=%2FUsers%2Fshehata%2Faxiom%2Ftesting-projects%2Faxiom-local-next%2Fpages%2Fapi%2Faxios.js&page=%2Fapi%2Faxios!:24:87)

To Reproduce

create a nextjs project and setup an edge function under pages/api/.

run on vercel platform, will run in Edge runtime.

Code snippet

// Next.js API route support: https://nextjs.org/docs/api-routes/introduction
import axios from 'axios'

async function handler(req, _ev) {
    await axios.get('https://google.com')

    return new Response('ok')
}

export const config = {
    runtime: 'experimental-edge',
};
  
export default handler;

Expected behavior

No response

Axios Version

1.2.0

Adapter Version

No response

Browser

No response

Browser Version

No response

Node.js Version

16.15.0

OS

OSX

Additional Library Versions

No response

Additional context/Screenshots

No response