Provisional Header are shown with Cors Issue in Next JS + Laravel API

[mowais-ac]

I am calling my APIs from the sub-domain and I implemented into nextjs project. but Its giving me the error Provisional headers are shown

Headers

axios.defaults.baseURL = 'https://api.domain.com/api'
axios.defaults.headers.common['Authorization'] = 'Bearer ' + ACCESS_TOKEN
axios.defaults.headers.common['X-Requested-With'] = 'XMLHttpRequest';
axios.defaults.headers['content-type']='application/json'
axios.defaults.headers['withCredentials']=true
axios.defaults.headers['crossorigin']=true

next.config.js

const path = require('path')

const withCSS = require('@zeit/next-css');
const withSass = require('@zeit/next-sass');
const withImages = require('next-images');
const withFonts = require('nextjs-fonts');
const webpack = require("webpack");
module.exports = withCSS( withSass( withImages( withFonts ({
    async rewrites() {
        return [
            {
                source: '/api/:path*',
                destination: 'https://api.domain.com/:path*',
            },
        ]
    },
}))));