Uncaught in promise error when importing js file. Using google maps API

import stadiums from "../stadiums";
const ArizonaCoordinates = [
    stadiums.BUF,
    stadiums.ARI,
    stadiums.ARI,
    stadiums.ARI,
    stadiums.SF,
    stadiums.GB,
    stadiums.ARI,
    stadiums.MIA,
    stadiums.ARI,
    stadiums.ARI,
    stadiums.ARI,
    stadiums.ARI,
    stadiums.SEA,
    stadiums.MIN,
    stadiums.ARI,
    stadiums.ARI,
    stadiums.CAR,
    stadiums.LAR,
    stadiums.ARI
];

export default ArizonaCoordinates

Hello all, this is my file Arizona.js which contains an array of all the stadium locations of where the Arizona Cardinals of the NFL play. In the file it imports another file called stadiums.js which contains objects with keys for stadium location and values of latitude and longitude so that it can be interpreted by google maps API. When I try to import Arizona.js to my map.js which displays a map and shows polylines going from stadium to stadium, the map goes full grey and I get this error in the developer javascript console view in chrome browser.

main.js:125 Uncaught (in promise) 
InvalidValueError
    at _.Fj (main.js:125:373)
    at ada (main.js:221:180)
    at main.js:220:230

Snippet of map.js:

import stadiums from './stadiums.js';
import ArizonaCoordinates from './teams/arizona.js';
console.log(ArizonaCoordinates)
console.log(stadiums)

const cardinalsFlightPath = new google.maps.Polyline({
        path: ArizonaCoordinates,
        geodesic: false,
        strokeColor: "#b1063a",
        strokeOpacity: 1.0,
        strokeWeight: 2
    });

If anything else is needed to solve, please let me know.