إعداد axios instance في next.js

مرحبا أحاول اعداد  axios واستدعاءه لاستخدامه في كل طلباتي لكن الجزء الخاص بوضع ال token authorization لا يعمل 

import axios from 'axios';

const Axios = axios.create({
  baseURL: process.env.NEXT_PUBLIC_API,
});

let token;
if (window) {
  token = JSON.parse(localStorage.getItem('zu')).state?.auth?.token;
}

Axios.defaults.headers.common['Authorization'] = `Bearer ${token}`;

export default Axios;

هل من اقتراح