open-index/open-npm huggingface dataset:
npm package: @nappr/firebase
Description: Firebase React Helper
Author: Matthieu
Latest version: 0.3.21

# NAPPR FIREBASE

Firebase React Helper

## Install

```bash
yarn add firebase @nappr/firebase
```

## Usage

```javascript
import { FirebaseAuthProvider } from '@nappr/firebase';

const Root = () => (
  <StrictMode>
    ...
    <FirebaseAuthProvider>...</FirebaseAuthProvider>
    ...
  </StrictMode>
);
```

**.env file variables**

```bash
REACT_APP_FIREBASE_apiKey=
REACT_APP_FIREBASE_authDomain=
REACT_APP_FIREBASE_databaseURL=
REACT_APP_FIREBASE_projectId=
REACT_APP_FIREBASE_storageBucket=
REACT_APP_FIREBASE_messagingSenderId=
REACT_APP_FIREBASE_appId=
REACT_APP_FIREBASE_measurementId=
```
npm package: @nappr/map
Description: Leaflet Interactive React Map
Author: Matthieu
Latest version: 0.3.9

# NAPPR MAP

Leaflet Interactive React Map

## Install

```bash
yarn add @nappr/map
```

## Usage

```javascript
import 'leaflet/dist/leaflet.css';
import '@nappr/map/dist/styles.css';

import { MapComponent } from '@nappr/map';
import { AttributionControl } from 'react-leaflet';

<div
  style={{
    zIndex: 1000,
    position: 'absolute',
    top: 0,
    right: 0,
    bottom: 0,
    right: 0,
  }}>
  <MapComponent
    layers=""
    tilesURL=""
    onChange={() => {}}
    bounds={{
      southWest: { lat: 0.0373687744140625, lng: 0.9693903923034668 },
      northEast: { lat: -1.0303115844726562, lng: 0.018140316009521484 },
    }}
    center={{ lat: 0, lng: 0 }}
    zoom={{ min: 0, max: 13, current: 8 }}>
    <AttributionControl
      position="bottomleft"
      prefix={`Smart Maps | ${title} v${version}`}
    />
  </MapComponent>
</div>;
```