React Testing Error: Jest encountered an unexpected token - reactjs

Question

I am conducting test using the React Testing Library with Jest. I have a test file as such:
import React from "react";
import { render as rtlRender, fireEvent } from "#testing-library/react";
import Component from "./..";
import { data, userId } from "./testConstants";
import { Provider } from "react-redux";
import store from "redux/store";
const render = (component) =>
rtlRender(<Provider store={store}>{component}</Provider>);
describe(InvoiceList, () => {
it("Number of invoice list item is rendered correctly according to search input", () => {
const { getByTestId } = render(<Component userId={userId} data={data} />);
fireEvent.change(getByTestId("search-input"), {
target: { value: "bacardi" },
});
fireEvent.click(getByTestId("all-tab"));
expect(queryAllByTestId("invoice-list-item")).toHaveLength(3);
});
});
I ran the test, but got an error where Jest encountered an unexpected token. This error has details stating SyntaxError: await is only valid in async function and shows me that the error occur from an import in import { auth } from "services/firebase".
services/firebase.ts
import { initializeApp } from "firebase/app";
import { getAuth } from "firebase/auth";
import { getFirestore, initializeFirestore } from "firebase/firestore";
import { getStorage } from "firebase/storage";
export const isLocalhost = Boolean(
window.location.hostname === "localhost" ||
// [::1] is the IPv6 localhost address.
window.location.hostname === "[::1]" ||
// 127.0.0.0/8 are considered localhost for IPv4.
window.location.hostname.match(
/^127(?:\.(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)){3}$/
)
);
const config = {
development: {
...
},
production: {
...
},
};
const firebaseConfig = isLocalhost
? config.development
: await fetch("/__/firebase/init.json").then((response) => response.json()); // THE ERROR DETAILS SHOW THAT THE ERROR IS FROM THIS LINE OF CODE
// eslint-disable-next-line max-len
// This will use our config to recognize the project and initialize authentication and database modules.
export const app = initializeApp(firebaseConfig);
export const auth = getAuth(app);
initializeFirestore(app, {
ignoreUndefinedProperties: true,
});
export const db = getFirestore(app);
export const storage = getStorage(app);
I'm not sure what is wrong right here, the firebase auth can be used correctly during development and production but I'm getting the error during testing.