firebase initializing

import firebase from 'firebase/app';
import 'firebase/auth';

interface Iproviders {
  Google: firebase.auth.AuthProvider;
  Github: firebase.auth.AuthProvider;
}

const firebaseConfig = {
    apiKey: process.env.REACT_APP_FIREBASE_API_KEY,
    authDomain: process.env.REACT_APP_FIREBASE_AUTH_DOMAIN,
    databaseURL: process.env.REACT_APP_FIREBASE_DB_URL,
    projectId: process.env.REACT_APP_FIREBASE_PROJECT_ID,
};
  // Initialize Firebase
const firebaseApp = firebase.initializeApp(firebaseConfig);
export const auth = firebase.auth();
export const Proviers: Iproviders = {
  Google: new firebase.auth.GoogleAuthProvider(),
  Github: new firebase.auth.GithubAuthProvider(),
}
export default firebaseApp;


database repository

import firebaseApp from './firebase';
import { Item } from '../components/main/main';

export type UserId = any;

export class ItemRepository {
    updateItems(userId: UserId, updateCallback: any) {
        console.log(userId);
        const ref = firebaseApp.database().ref(`${userId}/items`);
        ref.on('value', (snapshot) => {
            const data = snapshot.val();
            data && updateCallback(data);
        })
        return ref.off();
    }

    deleteItem(item: Item, userId: UserId) {
        firebaseApp.database().ref(`${userId}/items/${item.id}`).remove();
    }
}

export default ItemRepository;


dependencies

  "dependencies": {
    "@fortawesome/fontawesome-svg-core": "^1.2.36",
    "@fortawesome/free-solid-svg-icons": "^5.15.4",
    "@fortawesome/react-fontawesome": "^0.1.15",
    "@testing-library/jest-dom": "^5.11.4",
    "@testing-library/react": "^11.1.0",
    "@testing-library/user-event": "^12.1.10",
    "@types/jest": "^26.0.15",
    "@types/node": "^12.0.0",
    "@types/react": "^17.0.0",
    "@types/react-dom": "^17.0.9",
    "firebase": "^8.9.1",
    "react": "^17.0.2",
    "react-dom": "^17.0.2",
    "react-router-dom": "^5.2.0",
    "react-scripts": "4.0.3",
    "typescript": "^4.1.2",
    "web-vitals": "^1.0.1"
  },



더 필요한거있나 ㅇㅅㅇ