How can I fix the error while running my app on Shopify?

√ ngrok tunnel running at https://867e-184-147-180-253.ngrok.io, with account luke
√ .env saved to project root
√ Whitelist URLS updated in Partners Dashboard

┏━━ Running server… ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

┃ > dev
┃ > cross-env NODE_ENV=development nodemon server/index.js --watch ./server

┃ [nodemon] 2.0.15
┃ [nodemon] to restart at any time, enter rs
┃ [nodemon] watching path(s): server***
┃ [nodemon] watching extensions: js,mjs,json
┃ [nodemon] starting node server/index.js
┃ file:///C:/Users/lukei/shopifyProjs/firstapp/server/middleware/auth.js:1
┃ import { Shopify } from “@shopify/shopify-api”;
┃ ^^^^^^^
┃ SyntaxError: The requested module ‘@shopify/shopify-api’ is expected to be of type CommonJS, which does not support named exports. CommonJS modules can be imported by importing the default export.
┃ For example:
┃ import pkg from ‘@shopify/shopify-api’;
┃ const { Shopify } = pkg;
┃ at ModuleJob._instantiate (internal/modules/esm/module_job.js:98:21)
┃ at async ModuleJob.run (internal/modules/esm/module_job.js:137:5)
┃ at async Loader.import (internal/modules/esm/loader.js:162:24)
┃ [nodemon] app crashed - waiting for file changes before starting…

getting this error when running shopify app serve, has anyone gotten this before?