Is your feature request related to a problem? Please describe.
We want the Table component to be as reusable as possible. At the moment in this component we have a PropType for the data prop that's specific for a Table component with the columns for users.

Describe the solution you'd like
We should investigate a bit further into PropTypes and see if we can have a more general type checking for the data prop. We should not use the PropType.any because it's deprecated.

Describe alternatives you've considered
If a general type check is not available we should remove it.

Additional context
Typechecking With PropTypes

Hi guys,

I have a folder structured like this:
/business
/customer
/admin (the react-firebase-admin cloned repository)
.firebaserc
firebase.json

I created those firebase files for hosting my customer and business apps, they use the same project,

When I try firebase init in my /admin directory, I get the error .firebaserc already has a default project, using react-firebase-admin-eeac2.

I want to keep those firebase files to continue handling my deploys in this way, what can I do ?

Thank you in advance,
Hope you guys can help me ❤️

• OS: MacOS BigSur

Describe the bug
received a 13k+ long error log file so I cant identify exactly what the issue was.

To Reproduce
I followed all steps in documentation and came up on the error when running 'npm run setup-admin-dashboard.

Expected behavior
Expected dependencies to install

Desktop (please complete the following information):

• OS: OSX Big sur

Additional context
using node v18.4.0
npm 8.12.1

Describe the bug
When the users update any information of it's profile the user is removed from the local state but it remains in the database.

To Reproduce
Steps to reproduce the behavior:

1. Go to 'Profile'
2. Click on 'Submit' (Update profile card)
3. Go to 'Home'
4. Go to 'Profile' again
5. You can see that the email is not showing up

Expected behavior
After a user updates its personal information the email attribute should remain untouched.

Screenshots

The principal problem with using this template is the lack of documentation about what components do, this could have a lot more starts if the components have at least what props are expected or minimal use of them.

Hi :)

I used your wonderful boilerplate for a project. Everything works perfectly on localhost. On production mode, I've got an error in the browser console:

manifest.json:1 Manifest: Line: 1, column: 5, Unexpected data after root element.
The attempt to bind "/%PUBLIC_URL%/manifest.json" in the workspace failed as this URI is malformed.
GET https://fake-appp-url.web.app/%PUBLIC_URL%/manifest.json

I've checked locally and the command npm run build doesn't generate manifest.json.

Any ideas?

Thanks a lot! :)

Hey, I won't don't do this as a support ticket because I have decided to look beyond google firebase.

I just wanted to say that although the app is highly developed and I'm sure once it's up an running it's really powerful it's just that the using two different versions of nodejs causes issues. I accidentally built both parts with nodejs10 then went back and built the second part again with nodejs12.

I got the error:

./src/index.scss (./node_modules/css-loader/dist/cjs.js??ref--6-oneOf-5-1!./node_modules/postcss-loader/src??postcss!./node_modules/resolve-url-loader??ref--6-oneOf-5-3!./node_modules/sass-loader/dist/cjs.js??ref--6-oneOf-5-4!./src/index.scss)
Error: Missing binding /home/chris/my-app/react-firebase-admin/node_modules/node-sass/vendor/linux-x64-72/binding.node
Node Sass could not find a binding for your current environment: Linux 64-bit with Node.js 12.x

Found bindings for the following environments:
  - Linux 64-bit with Node.js 10.x

This usually happens because your environment has changed since running `npm install`.
Run `npm rebuild node-sass` to download the binding for your current environment.

I'm sure I just did it wrong and it works fine if I follow every instruction closely but for now I am going to go back to trying postgres with a json table for my project. Bulma looks really good and I hope to work with it in the future. It's just that if I am going to work really hard to learn a system I might as well learn an open one so I will be looking for other solutions than google firebase.

When I try to firebase deploy it (setup-admin-dashboard), this error appears.
I tried a lot of stuff that I found in the internet, but none of them solved it.

After setup everything. I can see the login page on screen but after login, I am getting this error:

Unhandled Rejection (Error): Objects are not valid as a React child (found: Error: permission_denied at /users/1DfacH2cHqSUaxuQXO2QNvWeWII3: Client doesn't have permission to access the desired data.). If you meant to render a collection of children, use an array instead. in p (at Login/index.jsx:196) in form (at Login/index.jsx:122) in div (at Login/index.jsx:121) in div (at Login/index.jsx:110) in div (at Login/index.jsx:109) in div (at Login/index.jsx:108) in div (at Login/index.jsx:107) in div (at Login/index.jsx:106) in section (at Login/index.jsx:104) in Login (created by Context.Consumer) in Route (at Router/index.js:20) in Switch (at Router/index.js:19) in Router (created by BrowserRouter) in BrowserRouter (at Router/index.js:18) in RouterComponent (at src/index.js:32) in PersistGate (at src/index.js:21) in IntlProvider (at LanguageWrapper/index.js:24) in LanguageWrapper (at src/index.js:20) in Provider (at src/index.js:19)

I'm getting the following error:
C:\xxxxxxxxx\horizon\functions>npm run setup-firebase
npm ERR! Missing script: "setup-firebase"
npm ERR!
npm ERR! To see a list of scripts, run:
npm ERR! npm run

Describe the bug
I am getting the error "Error: No project active, but project aliases are available" at the part of the setup instructions that says to type in: npm run setup-admin-dashboard (Setting up the React frontend)
when I type in "npm -v" I get:
6.14.5

and
"node -v"
v14.4.0

`npm run setup-admin-dashboard

[email protected] setup-admin-dashboard /home/chris/my-app/react-firebase-admin/react-firebase-admin
npm install && npm build && firebase deploy

[email protected] install /home/chris/my-app/react-firebase-admin/react-firebase-admin/node_modules/husky
node husky install

husky > Setting up git hooks
husky > Done

[email protected] install /home/chris/my-app/react-firebase-admin/react-firebase-admin/node_modules/node-sass
node scripts/install.js

Cached binary found at /home/chris/.npm/node-sass/4.14.1/linux-x64-83_binding.node

@scarf/[email protected] postinstall /home/chris/my-app/react-firebase-admin/react-firebase-admin/node_modules/@scarf/scarf
node ./report.js

[email protected] postinstall /home/chris/my-app/react-firebase-admin/react-firebase-admin/node_modules/babel-runtime/node_modules/core-js
node -e "try{require('./postinstall')}catch(e){}"

Thank you for using core-js ( https://github.com/zloirock/core-js ) for polyfilling JavaScript standard library!

The project needs your help! Please consider supporting of core-js on Open Collective or Patreon:

https://opencollective.com/core-js
https://www.patreon.com/zloirock

Also, the author of core-js ( https://github.com/zloirock ) is looking for a good job -)

[email protected] postinstall /home/chris/my-app/react-firebase-admin/react-firebase-admin/node_modules/core-js
node -e "try{require('./postinstall')}catch(e){}"

[email protected] postinstall /home/chris/my-app/react-firebase-admin/react-firebase-admin/node_modules/core-js-pure
node -e "try{require('./postinstall')}catch(e){}"

[email protected] postinstall /home/chris/my-app/react-firebase-admin/react-firebase-admin/node_modules/protobufjs
node scripts/postinstall

[email protected] postinstall /home/chris/my-app/react-firebase-admin/react-firebase-admin/node_modules/husky
opencollective-postinstall || exit 0

Thank you for using husky!
If you rely on this package, please consider supporting our open collective:

https://opencollective.com/husky/donate

[email protected] postinstall /home/chris/my-app/react-firebase-admin/react-firebase-admin/node_modules/node-sass
node scripts/build.js

Binary found at /home/chris/my-app/react-firebase-admin/react-firebase-admin/node_modules/node-sass/vendor/linux-x64-83/binding.node
Testing binary
Binary is fine

[email protected] postinstall /home/chris/my-app/react-firebase-admin/react-firebase-admin/node_modules/react-table
node ./scripts/postinstall.js || exit 0

👩‍💻 Use react-table at work?
🎉 Consider sponsoring/supporting its development at:

https://github.com/sponsors/tannerlinsley

npm WARN optional SKIPPING OPTIONAL DEPENDENCY: [email protected] (node_modules/webpack-dev-server/node_modules/fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for [email protected]: wanted {"os":"darwin","arch":"any"} (current: {"os":"linux","arch":"x64"})
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: [email protected] (node_modules/watchpack-chokidar2/node_modules/fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for [email protected]: wanted {"os":"darwin","arch":"any"} (current: {"os":"linux","arch":"x64"})
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: [email protected] (node_modules/jest-haste-map/node_modules/fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for [email protected]: wanted {"os":"darwin","arch":"any"} (current: {"os":"linux","arch":"x64"})
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: [email protected] (node_modules/fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for [email protected]: wanted {"os":"darwin","arch":"any"} (current: {"os":"linux","arch":"x64"})

added 2024 packages from 978 contributors and audited 2037 packages in 104.794s

81 packages are looking for funding
run npm fund for details

found 1 low severity vulnerability
run npm audit fix to fix them, or npm audit for details
npm WARN build npm build called with no arguments. Did you mean to npm run-script build?

Error: No project active, but project aliases are available.

Run firebase use with one of these options:

production (react-firebase-admin-eeac2)
staging (react-firebase-admin-eeac2)
default (react-firebase-admin-eeac2)
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! [email protected] setup-admin-dashboard: npm install && npm build && firebase deploy
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the [email protected] setup-admin-dashboard script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:
npm ERR! /home/chris/.npm/_logs/2020-06-17T12_12_38_970Z-debug.log
chris@reactcore:~/my-app/react-firebase-admin/react-firebase-admin$ `

To Reproduce
Steps to reproduce the behavior:
too many to list

Expected behavior
expected it to build but I know this almost never happens the first try

Screenshots
If applicable, add screenshots to help explain your problem.

Desktop (please complete the following information):

• Ubuntu 20.04

Smartphone (please complete the following information):

• Device: [e.g. iPhone6]
• OS: [e.g. iOS8.1]
• Browser [e.g. stock browser, safari]
• Version [e.g. 22]

Additional context
Add any other context about the problem here.
Any assistance is much appreciated. If I end up fixing it myself I will post what I did and close the ticket.

Describe the bug
Great work! Reading your guide here: https://docs.react-firebase.com/getting-started#getting-started
You say that the first step is to clone your repo. But there's no link to the repo: https://github.com/CreateThrive/react-firebase-admin
(Took a while to find this repo, and also I got stuck in very similar projects on the way to find it here)

To Reproduce
Steps to reproduce the behavior:

1. Go to https://docs.react-firebase.com/getting-started#getting-started
2. On getting started, read "Clone repo"
3. But you find no link to the repo

Is your feature request related to a problem? Please describe.
While filling inputs when creating a new user or setting your password for the first time the success/error messages are still in Spanish.

Describe the solution you'd like
We should change those messages to English.

Additional context
This messages can be found on: src/utils/index.js more specifically in the inputValidations function.

I see that there is a CSS file in src/assets/css/main.css. How do I overwrite it since it seems to have overwritten Bulma's variables? Preferably there is the Sass version of it for me to import and overwrite it.

I have tried to customize Bulma like so:

// custom.scss
@import 'bulma/sass/utilities/initial-variables.sass';
$primary: rgb(82, 84, 84);
@import 'bulma/bulma.sass';

and import it in index.js after src/assets/css/main.css but it caused styling error.

Describe the bug

Hi I have follow the instructions carefully and every command has been run successfully. I get access to the login page but when I try to log in with the user and password I provided in the 'npm run setup-firebase' step I get the following error:

Error: Objects are not valid as a React child (found: Error: permission_denied at /users/acOxqVPkMfef9FFqDkXyqrAIVFt1: Client doesn't have permission to access the desired data.). If you meant to render a collection of children, use an array instead.
    in p (at Login/index.jsx:202)
    in form (at Login/index.jsx:128)
    in div (at Login/index.jsx:127)
    in div (at Login/index.jsx:116)
    in div (at Login/index.jsx:115)
    in div (at Login/index.jsx:114)
    in div (at Login/index.jsx:113)
    in div (at Login/index.jsx:112)
    in section (at Login/index.jsx:110)
    in Login (created by Context.Consumer)
    in Route (at Router/index.js:20)
    in Switch (at Router/index.js:19)
    in Router (created by BrowserRouter)
    in BrowserRouter (at Router/index.js:18)
    in RouterComponent (at src/index.js:32)
    in PersistGate (at src/index.js:21)
    in IntlProvider (at LanguageWrapper/index.js:24)
    in LanguageWrapper (at src/index.js:20)
    in Provider (at src/index.js:19)
throwOnInvalidObjectType
node_modules/react-dom/cjs/react-dom.development.js:13413
reconcileChildFibers
node_modules/react-dom/cjs/react-dom.development.js:14313
reconcileChildren
node_modules/react-dom/cjs/react-dom.development.js:16762
updateHostComponent
node_modules/react-dom/cjs/react-dom.development.js:17302
beginWork
node_modules/react-dom/cjs/react-dom.development.js:18627
callCallback
node_modules/react-dom/cjs/react-dom.development.js:188
invokeGuardedCallbackDev
node_modules/react-dom/cjs/react-dom.development.js:237
invokeGuardedCallback
node_modules/react-dom/cjs/react-dom.development.js:292
beginWork$1
node_modules/react-dom/cjs/react-dom.development.js:23203
performUnitOfWork
node_modules/react-dom/cjs/react-dom.development.js:22157
workLoopSync
node_modules/react-dom/cjs/react-dom.development.js:22130
performSyncWorkOnRoot
node_modules/react-dom/cjs/react-dom.development.js:21756
flushSyncCallbackQueueImpl/<
node_modules/react-dom/cjs/react-dom.development.js:11089
unstable_runWithPriority
node_modules/scheduler/cjs/scheduler.development.js:653
runWithPriority$1
node_modules/react-dom/cjs/react-dom.development.js:11039
flushSyncCallbackQueueImpl
node_modules/react-dom/cjs/react-dom.development.js:11084
flushSyncCallbackQueue
node_modules/react-dom/cjs/react-dom.development.js:11072
batchedUpdates$1
node_modules/react-dom/cjs/react-dom.development.js:21862
notify
node_modules/react-redux/es/utils/Subscription.js:19
notifyNestedSubs
node_modules/react-redux/es/utils/Subscription.js:92
handleChangeWrapper
node_modules/react-redux/es/utils/Subscription.js:97
dispatch
node_modules/redux/es/redux.js:222
createThunkMiddleware/</</<
node_modules/redux-thunk/es/index.js:11
dispatch
node_modules/redux/es/redux.js:638
fetchUserData/<
src/state/actions/auth.js:113

  110 |   ).val();
  111 | } catch (error) {
  112 |   dispatch(logout());
> 113 |   return dispatch(AUTH_FETCH_USER_DATA_FAIL({ error }));
      | ^  114 | }
  115 | 
  116 | if (!user) {

Screenshots

Desktop (please complete the following information):

• OS: Ubuntu 20.04
• Browser Firefox
• Version 77.0.1 (64-bit)

Describe the bug
A clear and concise description of what the bug is.
The documentation website and the live preview website of react-firebase.com is not working, where can we find the documentation for react admin firebase ?
To Reproduce
Steps to reproduce the behavior:

1. Go to 'https://docs.react-firebase.com/'
2. See error

Expected behavior
Documentation website is not loading

Describe the bug
Project does not work as expected out of the box when running npm install - issues with React version dependencies occur:

PS J:\xxx> npm install
npm ERR! code ERESOLVE
npm ERR! ERESOLVE unable to resolve dependency tree
npm ERR!
npm ERR! While resolving: [email protected]
npm ERR! Found: [email protected]
npm ERR! node_modules/react
npm ERR!   react@"^17.0.1" from the root project
npm ERR!
npm ERR! Could not resolve dependency:
npm ERR! peer react@">=15 <17" from [email protected]
npm ERR! node_modules/react-firebaseui
npm ERR!
npm ERR! Fix the upstream dependency conflict, or retry
npm ERR! this command with --force, or --legacy-peer-deps
npm ERR! to accept an incorrect (and potentially broken) dependency resolution.

Then, when trying to re-run with npm install --legacy-peer-deps, there are further issues with node-gyp (msbuild tools and python versions) which have led me down quite the rabbithole:

npm ERR! gyp verb check python checking for Python executable "C:/Python2.7/python.exe" in the PATH
npm ERR! gyp verb `which` failed Error: not found: C:/Python2.7/python.exe

Python2.7 is installed at that location and is in my path, including under NODE_GYP_FORCE_PYTHON:

Which I know works, as I have been following the instructions here (https://stackoverflow.com/a/60471089) for remedying this node-gyp issue, and upon running node-gyp configure as part of this test I am told to upgrade from Python2.7 - so I am unsure why when running npm install --legacy-peer-deps with this project that Python 2.7 cannot be found.

S J:\xxx\hello_module>  node-gyp configure   
gyp info it worked if it ends with ok
gyp info using [email protected]
gyp info using [email protected] | win32 | x64
gyp ERR! find Python 
gyp ERR! find Python checking Python explicitly set from NODE_GYP_FORCE_PYTHON
gyp ERR! find Python - process.env.NODE_GYP_FORCE_PYTHON is "C:\Python27\python.exe"
gyp ERR! find Python - executable path is "C:\Python27\python.exe"
gyp ERR! find Python - version is "2.7.18"
gyp ERR! find Python - version is 2.7.18 - should be >=3.6.0
gyp ERR! find Python - THIS VERSION OF PYTHON IS NOT SUPPORTED

Any help would be appreciated.

To Reproduce
Steps to reproduce the behavior:

1. Clone the repo
2. Follow the documentation steps for 'Installing Dependencies' https://docs.react-firebase.com/getting-started#installing-dependencies
3. Run npm install
4. See error

Expected behavior
The dependencies install as expected.

Screenshots

Desktop (please complete the following information):

• OS: Windows 10

Describe the bug
it says that it doesnt find the script to run it

To Reproduce
Steps to reproduce the behavior:
I just followed the readme and im getting the error

Expected behavior
like the readme would say to enter a certain path after

Screenshots

Desktop (please complete the following information):

• OS: [e.g. iOS]
• Browser [e.g. chrome, safari]
• Version [e.g. 22]

Smartphone (please complete the following information):

• Device: [e.g. iPhone6]
• OS: [e.g. iOS8.1]
• Browser [e.g. stock browser, safari]
• Version [e.g. 22]

Additional context
Add any other context about the problem here.

Right now an admin user can edit or delete any user in the database. We shouldn't let an admin user edit or delete other admin users, so we should hide that buttons in case the the user is an admin. We should also verify that on the database rules

Describe the bug
We're importing the css manually in the index.js file. This is not necessary because the Bulma package in our package.json file already imports it.