chore: upgrades firebase

package.json

@@ -11,7 +11,7 @@
     "@testing-library/user-event": "^7.1.2",
     "autoprefixer": "^9.7.4",
     "date-fns": "^2.10.0",
-    "firebase": "^7.11.0",
+    "firebase": "^10.1.0",
     "geofirestore": "^3.6.0",
     "google-map-react": "^1.1.7",
     "i18next": "^19.3.3",
@@ -21,7 +21,7 @@
     "postcss-cli": "^7.1.0",
     "react": "^16.13.0",
     "react-dom": "^16.13.0",
-    "react-firebase-hooks": "^2.1.1",
+    "react-firebase-hooks": "^5.1.1",
     "react-i18next": "^11.3.3",
     "react-router-dom": "^5.1.2",
     "react-scripts": "3.4.0",

src/App.jsx

@@ -1,6 +1,6 @@
 import React, { Suspense } from 'react';
 import { HashRouter as Router } from 'react-router-dom';
-import 'firebase/auth';
+import 'firebase/compat/auth';
 import Routes from './components/Routes';
 import Loader from './components/loader/Loader';
 import './i18n';

src/firebase.js

@@ -1,10 +1,10 @@
-import * as app from 'firebase/app';
-import 'firebase/auth';
-import 'firebase/analytics';
-import 'firebase/firestore';
-import 'firebase/functions';
-import 'firebase/database';
-import 'firebase/storage';
+import app from 'firebase/compat/app';
+import 'firebase/compat/auth';
+import 'firebase/compat/analytics';
+import 'firebase/compat/firestore';
+import 'firebase/compat/functions';
+import 'firebase/compat/database';
+import 'firebase/compat/storage';
 import config from './firebaseConfig';
 
 class Firebase {

src/util/useCms.jsx

@@ -1,5 +1,5 @@
 import { useEffect, useState } from 'react';
-import * as firebase from 'firebase/app';
+import firebase from 'firebase/compat/app';
 import * as Sentry from '@sentry/browser';
 import i18next from 'i18next';
 

src/util/useFirebaseDownload.jsx

@@ -1,5 +1,5 @@
 import { useEffect, useState } from 'react';
-import * as firebase from 'firebase/app';
+import firebase from 'firebase/compat/app';
 
 export default function useFirebaseDownload(url) {
   const [link, setLink] = useState('');

src/views/CompleteNotification.jsx

@@ -1,6 +1,6 @@
 import React, { useEffect, useState } from 'react';
 import { useAuthState } from 'react-firebase-hooks/auth';
-import * as firebase from 'firebase/app';
+import firebase from 'firebase/compat/app';
 import 'firebase/auth';
 import * as Sentry from '@sentry/browser';
 import { GeoFirestore } from 'geofirestore';

src/views/Dashboard.jsx

@@ -4,7 +4,7 @@ import { useAuthState } from 'react-firebase-hooks/auth';
 import { useCollectionDataOnce } from 'react-firebase-hooks/firestore';
 import { useTranslation } from 'react-i18next';
 import Popup from 'reactjs-popup';
-import * as firebase from 'firebase/app';
+import firebase from 'firebase/compat/app';
 import * as Sentry from '@sentry/browser';
 import fb from '../firebase';
 import Entry from '../components/entry/Entry';

src/views/Signin.jsx

@@ -8,7 +8,7 @@ import {
   useParams,
   useLocation,
 } from 'react-router-dom';
-import * as firebase from 'firebase/app';
+import firebase from 'firebase/compat/app';
 import { useAuthState } from 'react-firebase-hooks/auth';
 import MailInput from '../components/MailInput';
 import fb from '../firebase';

src/views/Signup.jsx

@@ -1,7 +1,7 @@
 import React, { useRef, useState } from 'react';
 import Collapse from '@material-ui/core/Collapse';
 import { useDocumentDataOnce } from 'react-firebase-hooks/firestore';
-import * as firebase from 'firebase/app';
+import firebase from 'firebase/compat/app';
 import 'firebase/auth';
 import {
   Link,

src/views/VerifyEmail.jsx

@@ -2,8 +2,8 @@ import React from 'react';
 import { Redirect } from 'react-router-dom';
 import { useAuthState } from 'react-firebase-hooks/auth';
 import { useTranslation } from 'react-i18next';
-import * as firebase from 'firebase/app';
-import 'firebase/auth';
+import firebase from 'firebase/compat/app';
+import 'firebase/compat/auth';
 import { baseUrl } from '../appConfig';
 import { useEmailVerified } from '../util/emailVerified';