Firebase-Admin, importing it to react application throws Module not found error

Question

I'm developming simple React application which uses firebase admin.

I have generated react application by using create react app.

Then I have installed firebase-admin by using this npm command:

npm install firebase-admin --save

In my index.js I have added this import:

 import React from 'react';
 import ReactDOM from 'react-dom';
 import App from './App';
 import registerServiceWorker from './registerServiceWorker';

 import * as admin from 'firebase-admin'

 ReactDOM.render(<App />, document.getElementById('root'));
 registerServiceWorker();

When I launch with npm start command and open my page I get this error:

 Module not found: Can't resolve 'dns' in 'D:\path\to\my\project\node_modules\firebase-admin\node_modules\isemail\lib'

Why this is happening? Did I miss something?

Answer 1

Admin SDKs cannot be used in client-side environments. That includes web browsers. Admin SDKs can and should only be used in privileged server environments owned or managed by the developers of a Firebase app. You should use the Firebase web SDK in your React app.