How to use the @firebase/app.apps function in @firebase/app

state: {
				init: ()=>{},
				apply: this.apply
			},
		};
		this.props = {
			decorations: this.decorations
		};

		/* Check for firebaseConfig */
		if (!firebaseConfig) {
			throw new Error('Did not include a firebase config');
		}

		/* Connect to firebase app */
		const existingApp = firebase.apps.reduce((prev, curr)=> {
			if (curr.name === editorKey) { return curr; }
			return prev;
		}, undefined);
		this.firebaseApp = existingApp || firebase.initializeApp(firebaseConfig, editorKey);
		this.database = firebase.database(this.firebaseApp);
		this.firebaseRef = this.database.ref(editorKey);

		/* Set user status and watch for status changes */
		this.database.ref('.info/connected').on('value', (snapshot)=> {
			if (snapshot.val() === true) {
				this.onStatusChange('connected');
			} else {
				this.onStatusChange('disconnected');
			}
		});
	}

import {h, Component} from 'preact';
import firebase from '@firebase/app';
import '@firebase/database';
import firebaseConfig from '../../../firebase-config';

import Button from '../components/button';
import {Input} from '../components/inputs';
import store from '../utils/store';

if (firebase.apps.length < 1) {
  firebase.initializeApp(firebaseConfig);
}

class Sync extends Component {
  constructor() {
    super();

    this.database = firebase.database();

    this.handleNewConnection = this.handleNewConnection.bind(this);
    this.handleSubmit = this.handleSubmit.bind(this);
    this.onIcecandidate = this.onIcecandidate.bind(this);
    this.onDatabaseChange = this.onDatabaseChange.bind(this);
    this.handleConnect = this.handleConnect.bind(this);
    this.handleSync = this.handleSync.bind(this);