Tried linking firabase to my react front-end but got this error message;

Compiled with problems:X

ERROR in ./src/components/Feed.js 21:4-17

export 'default' (imported as 'db') was not found in '../firebase' (module has no exports)

I'm using V9 above of firabase and tried all the solutions on here so adding compat: import 'firebase'compat'auth';

This is my import section from feed.js

import "./firebase"
import firebase from 'firebase/app';
import db from "./firebase";
import { initializeApp } from 'firebase/app';

and this is inside my actual firebase.js

import { initializeApp } from "firebase/app";
import firebase from 'firebase/compat/app';
import 'firebase/compat/auth';
import 'firebase/compat/firestore';

---- copied firebase inbetween ----

// Initialize Firebase
const app = initializeApp(firebaseConfig);