tarikhuber / react-most-wanted Goto Github PK

View Code? Open in Web Editor NEW

2.4K 42.0 462.0 33.96 MB

React starter kit with "Most Wanted" application features

Home Page: https://www.react-most-wanted.com/

License: MIT License

HTML 1.37% JavaScript 98.50% SCSS 0.02% CSS 0.12%

react internationalization routing pwa theming material-ui responsive offline progressive-web-app starter-kit

react-most-wanted's Introduction

React Most Wanted

React Most Wanted is a set of starter kits, tools, features, and best practices that you can choose from and use around your React projects.

The features include:

Build on Create React App
Material UI: Material Design ready-to-use React Components
Code splitting: MPA (Multi Page Application) ready. A Large codebase can be split into separate bundles that load different parts of the application, lazy-loading the different bundles on demand.
Firebase: Use Firebase's platform as a backend and database, with a sync between Firebase and the app state
The resulting App is a full functional PWA (Progressive Web App) and has an "all 100" Points Lighthouse report
Authentication and authorization with roles and permissions
Push notifications within App Notifications UI
Theming
Internationalization
Build in CI/CD with Travis and Browserstack (optional)
Real-time Forms
and many more...

Documentation

Contributing

We appreciate any contribution!

See Contributing for details.

Thanks

Thanks to BrowserStack for providing the infrastructure that allows us to test in real browsers.

Thanks to GitBook for providing us a great documentation tool.

License

This project uses the MIT license.

react-most-wanted's People

Contributors

Stargazers

Watchers

Forkers

dabruhce mbifulco chrisabrams vydyas foxstop pumpkin-codes ksxgithub sm-alfariz casualuser manniru reactjs-alex-alex2006hw airhawks sobingt aeron11 man4kin zomars darzyx ryanw2382 birendra-techsophy iskailer superkarn meztr alexclass okusnadi aggron93 kolbeypruitt untong woodyphil recurrence athiwatp superkareem expl0de omer88 onluiz leemt illy4bih davidpu rllc prasetyowira ui-frontend madison-ehlers markchipman saraujoc92 kennym eugeneliang sqlyogi mirazmamun petrakuk muthuishere jmptrader jvmguerra balaji319 evanthomashicks hiepnsx leandrit1 nero2009 logansimonsen dashon-hawkins kamrad117 chenrui2014 bhattchaitanya omunroe-com ozmodian phytertek frontendhub lucas-martinez maximdrobchak p8ul tigrankhachikyan mandlamag gentom ebradyjobory sebastianovide repoisrael umashankar-masilamani-e2221 maretekent robrecht-vanmelckebeke raywagner88 nfrigus birendra-90 netsoro appility vstamos1 jeremywhiteley michaelonubogu vebr sergeyglova giraffesyo lee-mfv mvsteja marcosjuniorzup luanphungba shinotekasu famzy ahmedayaz luisfebro vikramkiten dmt-space usamamian27 leschekfm

react-most-wanted's Issues

Can't create new components that take advantage of react-intl

Hi!
First off, impressive work, especially for my current usecase,
I already write a react app with react-intl but my webpack build didn't work well enough and this projects fits perfectly.

I wanted to attach a Header and Footer component and I'm getting the following error:
<IntlProvider> needs to exist in the component ancestry

Normally i would see the provider but I coudn't find it anywhere on the src
I'm adding the Header component to the index inside the router, as it should accept components out side the switch, everything seems fine until I try to use the intl injectIntl(Header) and add the references required

Is there a configuration I'm missing?

Thanks in advantage

Replace All Default Photos/Favicons

Hi there, fantastic boilerplate.

Is it possible to replace all the favicons, png's, svg's etc. quickly with our custom images instead of manually going through and finding a replacement for each one? Did you use some kind of software to generate all the image types you need for apple, android chrome, favicons, error 404 page icon, etc.?

Thanks!

Sign in with email does not work

If you authenticate with 'Sign in with email' or with 'Gmail", log out and then try to log in using 'Sign in with email' you will be redirected to the main page.
Expected: you should see pop up that you already have an account and prompt to log in using gmail.

Same behaviour on Demo page and on localhost.
If you clear browser data "Sign in with email" work again.

Tried to debug but I reached only to event from firekit ON_PERMISSION_CHANGED

Adding language image to dropdown

IT would be good idea to language flag icon/image next to language label, so that it would stand out.

I would try work on a PR for this one. It would also complement #30.

My accounts customization

How i can add some fields in My Account section ?

SuperSelectField with multiple values

I'm sorry to bother so much. I'm trying to use the SuperSelectField with the multiple attribute but I'm getting the Uncaught TypeError: Cannot read property 'some' of null error.

I don't know is it is related to this issue, it seems pretty similar although the proposed solution includes the multiple attribute. When trying to use it here it's not working.

This is my current Field implementation:

<Field
  name="menucards"
  component={SuperSelectField}
  showAutocompleteThreshold={5}
  elementHeight={60}
  multiple={true}
  hintText={intl.formatMessage({id: 'menucards'})}>
  {menucardsSource.map((val, i) => {
    const menucards = {
      key: val.id || i
    }
    return (
      <div key={menucards.key} value={menucards} label={val.name}>{val.name}</div>
      )
    })}
</Field>

Remove react-intl from Landing page

TO DO

Can't prevent users from sending images/audio/position on public chats.

Tried to find a way to prevent users from sending images/audio/position on public chats, but didn't find anything. I can't also find the public chats js page.
I know that this might be a "stupid" question, but i really don't know how to remove these features.
Could someone help me? Thanks

Locale dropdown should show native description or code

Locale dropdown should show native description or code needs to be selected. For example, if I selected German, after screen changed, it should language English in English not in German. Otherwise, once change language going back to other is problem.

Use redux toolkit instead of pure redux

I really like where this can go with #106. I would like to work on implementing @reduxjs/toolkit. It should make boilerplate code smaller and includes thunk by default.

just installed it and it "Failed to compile"

Failed to compile
./src/pages/LandingPage/LandingPage.js
Module not found: Can't resolve '@material-ui/core/AppBar' in '....my path...../src/pages/LandingPage'

Error creating new application

I'm running the command: npx create-react-app test-app --scripts-version rmw-react-scripts

And it is resulting in an error like the following:

/Users/xram/Development/test-app/node_modules/rmw-react-scripts/scripts/init.js:117
          throw err;
          ^

Error: ENOENT: no such file or directory, link '/Users/xram/Development/test-app/functions/gitignore' -> '/Users/xram/Development/test-app/functions/.gitignore'

And indeed, /Users/xram/Development/test-app/functions/gitignore, doesn't exist.

The "path" argument must be of type string. Received type undefined

TypeError [ERR_INVALID_ARG_TYPE]: The "path" argument must be of type string. Received type undefined
at validateString (internal/validators.js:112:11)
at Object.join (path.js:375:7)
at noopServiceWorkerMiddleware (D:\repos\my-app\node_modules\react-dev-utils\noopServiceWorkerMiddleware.js:14:26)
at Layer.handle [as handle_request] (D:\repos\my-app\node_modules\express\lib\router\layer.js:95:5)
at trim_prefix (D:\repos\my-app\node_modules\express\lib\router\index.js:317:13)
at D:\repos\my-app\node_modules\express\lib\router\index.js:284:7
at Function.process_params (D:\repos\my-app\node_modules\express\lib\router\index.js:335:12)
at next (D:\repos\my-app\node_modules\express\lib\router\index.js:275:10)
at launchEditorMiddleware (D:\repos\my-app\node_modules\react-dev-utils\errorOverlayMiddleware.js:20:7)
at Layer.handle [as handle_request] (D:\repos\my-app\node_modules\express\lib\router\layer.js:95:5)
at trim_prefix (D:\repos\my-app\node_modules\express\lib\router\index.js:317:13)
at D:\repos\my-app\node_modules\express\lib\router\index.js:284:7
at Function.process_params (D:\repos\my-app\node_modules\express\lib\router\index.js:335:12)
at next (D:\repos\my-app\node_modules\express\lib\router\index.js:275:10)
at handleWebpackInternalMiddleware (D:\repos\my-app\node_modules\react-dev-utils\evalSourceMapMiddleware.js:42:7)
at Layer.handle [as handle_request] (D:\repos\my-app\node_modules\express\lib\router\layer.js:95:5)

Feature Request - Apple Authentication

Hey Tarik

please delete or archive if you don't want to do this.

Can you try getting Sign in with Apple working with firebase and rmw?

Notification is not enabled for new accounts

When creating a new account at https://www.react-most-wanted.com/signin then heading to My Account page and switching notification on; notification is not enabled and remain disabled in Chrome on Mac and Samsung Note 5 and Safari. Service Worker is not added to browser even in incognito.

sample code for firestore usage

Tarik,
Is there any sample code for firestore usage ?

I remember, you had a collection and document sample few months ago.
It seems to have been removed now.

Logout

OK that me... again ;)
Flow -> go to page -> signIn -> dashbard -> signOut
Why i no go back to LandingPage ? Even i put url without any string after "/" ?

cannot run fresh created project

I've just started a project with these commands:

14911  [2018-11-16 08:49:36] npx create-react-app test-app --scripts-version rmw-react-scripts
14912  [2018-11-16 08:52:57] cd test-app
14913  [2018-11-16 08:53:04] npm start

and I get:


./node_modules/rmw-shell/es/containers/Root/Root.js
Module not found: Can't resolve '@date-io/moment' in '/Users/sovide/dev/tmp/test-app/node_modules/rmw-shell/es/containers/Root'
^C```

Errors during installation

I've tried to install RMW on both of my machines (Windows and macOS) and got the same error during installation

[4/4] 🔨  Building fresh packages...
[-/4] ⠄ waiting...
[-/4] ⠄ waiting...
[3/4] ⠄ grpc
error /Users/raimx/Desktop/www/prodcon-web/node_modules/grpc: Command failed.
Exit code: 1
Command: node-pre-gyp install --fallback-to-build --library=static_library
Arguments: 
Directory: /Users/raimx/Desktop/www/prodcon-web/node_modules/grpc
...

my npm -v
6.13.7

Instructions to remove the chat

Hi,

Thank you for creating this project. It is amazing.

Can you please provide instructions on how to remove the chat stuff as I want to use a blank boilerplate?

Thank you

How to delete your own account?

Hey, I didn't realize authing to my localhost to check out the dashboard would expose my email to everyone else running this repo. Is there a way to delete my authed account from in the app?

Compilation error

Hi!

I'm getting a compilation error due a new dependency:

Failed to compile.

./node_modules/material-ui-selectfield/es/SelectField.js
Module not found: Can't resolve 'react-infinite' in '/Users/zomars/Sites/ding-pwa/node_modules/material-ui-selectfield/es'

oAuth iPhone PWA

Lunching it as PWA in iPhone (open safari, save in the homescreen and lunch it from the homescreen)
after logging in with oAuth (as google) it hangs on a white page.

Problem creating react-most-wanted app

Hello I have try to create react-most-wanted app with the commands:

npm i -g create-react-app
npm init react-app proto-react-most-wanted --template rmw

And I get the following errors:

npx: installed 91 in 33.5s

Creating a new React app in C:\src\proto-react-most-wanted.

Installing packages. This might take a couple of minutes.
Installing react, react-dom, and react-scripts with cra-template-rmw...


> [email protected] postinstall C:\src\proto-react-most-wanted\node_modules\babel-runtime\node_modules\core-js
> node -e "try{require('./postinstall')}catch(e){}"


> [email protected] postinstall C:\src\proto-react-most-wanted\node_modules\core-js
> node -e "try{require('./postinstall')}catch(e){}"


> [email protected] postinstall C:\src\proto-react-most-wanted\node_modules\core-js-pure
> node -e "try{require('./postinstall')}catch(e){}"

+ [email protected]
+ [email protected]
+ [email protected]
+ [email protected]
added 1535 packages from 745 contributors and audited 906206 packages in 585.975s
found 0 vulnerabilities


Installing template dependencies using npm...
npm WARN deprecated [email protected]: You can now upgrade to @material-ui/pickers. Documentation for v2 can be found at https://material-ui-pickers-v2.dmtr-kovalenko.now.sh/
npm ERR! Unexpected end of JSON input while parsing near '...://registry.npmjs.org'

npm ERR! A complete log of this run can be found in:
npm ERR!     C:\Users\SiriusFuenmayor\AppData\Roaming\npm-cache\_logs\2020-01-10T03_55_08_506Z-debug.log
`npm install --save @testing-library/[email protected] @testing-library/[email protected] @testing-library/[email protected] @date-io/[email protected] @formatjs/[email protected] @material-ui/[email protected] @material-ui/[email protected] @material-ui/[email protected] [email protected] [email protected] [email protected] [email protected] [email protected] [email protected] [email protected] [email protected] [email protected] [email protected] [email protected] [email protected] [email protected] [email protected] [email protected] [email protected] [email protected] [email protected] [email protected] [email protected] [email protected] [email protected] [email protected] [email protected] [email protected] [email protected] [email protected] [email protected] [email protected] [email protected] [email protected] [email protected] [email protected] [email protected] [email protected] [email protected] [email protected] [email protected] [email protected] [email protected]
[email protected] [email protected] redux-form-material-ui@^5.0.0-beta.3 [email protected] [email protected] [email protected]` failed

yarn start: /usr/bin/env: ‘node\r’: No such file or directory

Just installed via npx and tried to start, and I get this message:

yarn run v1.13.0
$ react-scripts start
/usr/bin/env: ‘node\r’: No such file or directory
error Command failed with exit code 127.
info Visit https://yarnpkg.com/en/docs/cli/run for documentation about this command.

Looks like the project doesn't use UNIX line endings (plain \n) but either Mac (\r) or Windows (\r\n). I'm not sure how to fix this (and have no time to look into it further), but here's the report. :-)

Problems installing the app

After using the npx create-react-app test-app --scripts-version rmw-react-scripts command, I get the following error:

/home/XXX/Projects/react-most-wanted/test-app/node_modules/rmw-react-scripts/scripts/init.js:117
throw err;
^

Error: ENOENT: no such file or directory, link '/home/XXX/Projects/react-most-wanted/test-app/functions/gitignore' -> '/home/XXX/Projects/react-most-wanted/test-app/functions/.gitignore'

Then, when I make the yarn startm, I get the following error:

/usr/bin/env: ‘node\r’: No such file or directory error Command failed with exit code 127. info Visit https://yarnpkg.com/en/docs/cli/run for documentation about this command.

My OS is Ubuntu 16.04

rmw-shell

Seems like everything gets over-run by the rmw-shell node module which has your firebase config in it. So any update to a project will overwrite this file and wreck the project?

Codelab needs login and access to gDrive?

If anyone wants to view the codelab which is referenced in README.md, one is forced to login with his google account and also required to grant access to their google drive.

I don't want to grant access to all my files just to be able to read setup instructions. Also this is no requirement for other codelabs like https://codelabs.developers.google.com/codelabs/firestore-web/#0

What's the reason for this? At least to me this is very suspicious..

Should this work with latest Firebase-admin and Firebase-tools versions?

I had this working with the following versions in my function directory:

"firebase-admin": "~7.0.0",
"firebase-function-tools": "^1.1.3",
"firebase-functions": "^2.2.0",

I then learned that in order to run functions locally on my machine using emulator, I needed to have Firebase-admin 8.0.0 or greater and firebase-functions 3.0.0 or greater.

I updated those versions and now when I run firebase deploy. I get "unexpected error".
My question is, is this version (1.1.3 ) compatible with the latest firebase-admin and firebase-functions versions?

It may be a different issue all together, but I'd like to know if this is the culprit or I need to look elsewhere.

Error creating project: Error: ENOENT: no such file or directory

On executing, I get an error:

$ npx create-react-app test-app --scripts-version rmw-react-scripts
...
Success! Created test-app at /Users/adnaan/code/js/test-app
Inside that directory, you can run several commands:

  yarn start
    Starts the development server.

  yarn build
    Bundles the app into static files for production.

  yarn test
    Starts the test runner.

  yarn eject
    Removes this tool and copies build dependencies, configuration files
    and scripts into the app directory. If you do this, you can’t go back!

We suggest that you begin by typing:

  cd test-app
  yarn start

Happy hacking!
/Users/adnaan/code/js/test-app/node_modules/rmw-react-scripts/scripts/init.js:117
          throw err;
          ^

Error: ENOENT: no such file or directory, link '/Users/adnaan/code/js/test-app/functions/gitignore' -> '/Users/adnaan/code/js/test-app/functions/.gitignore'

Further :

$ cd test-app
$ yarn start
yarn run v1.7.0
warning ../../../package.json: No license field
$ react-scripts start
env: node\r: No such file or directory
error Command failed with exit code 127.

ENV :

 node -v
v8.11.1
 npm -v
5.6.0
yarn -v
1.7.0

Relation between this repo and the create-react-app fork

Hi @TarikHuber
As I was looking deeper into the project I was wondering about how the different repos are related.

As far as I can see there is the rmw-shell, the react-most-wanted project and the create-react-app fork which is used for creating new projects.

So as I understand it:

the rmw-shell is the base project
the create-react-app fork takes that project and basically does what is listed in the step-by-step install instructions
this react-most-wanted project is the result of when you would use the CRA script

If that assumption is true I see a problem, as commits to the react-most-wanted project are not reflected within the CRA repo e.g. my typo fixes to the README are not included when running the CRA script nor are the package dependencies of the functions subproject up to date compared to this repo.

Did I get this right?

For the love stop sending me desktop notifications

I have tried turning off notifications and I have tried deleting my account, but apparently that does nothing. I still get desktop notifications every time somebody adds something to chat. Please fix this, it's so annoying!

After initialization there are uncommitted changes

After running npx create-react-app test-app --scripts-version rmw-react-scripts as described in the README file my working directory contains uncommitted changes.

$ git status
On branch master
Changes not staged for commit:
  (use "git add/rm <file>..." to update what will be committed)
  (use "git checkout -- <file>..." to discard changes in working directory)

        deleted:    functions/gitignore

Untracked files:
  (use "git add <file>..." to include in what will be committed)

        functions/.gitignore

no changes added to commit (use "git add" and/or "git commit -a")

I'm not sure if this additional gitignore file is even necessary and should be merged to the root one or if this should be fixed within https://github.com/TarikHuber/create-react-app

Unless it will be removed, I guess using the the synchronous move command fs.moveSync here should be sufficient to fix this.

Error during first install and set up

Hey I ran into this error after cloning the repo and running:

yarn && yarn start

./~/material-ui-responsive-drawer/es/ResponsiveAppBar.js
Module not found: Can't resolve 'material-ui-icons/Menu' in [project path]/node_modules/material-ui-responsive-drawer/es'

Any idea on what I missed during set up? Do I have to run the firebase install steps in order to run the app locally with out any auth features?

Cheers.

Possibility to bootstrap the project on an existing Firebase project in "Datastore Mode"

Hello there,
I successfully managed to setup RMW demo for my own, but I had to deactivate the firestore service because I tried to add RMW to an existing project that use Firestore in 'Datastore Mode'.
Do you have a workaround for that ?

Thank you in advance

[Question] What would be the preferred way to create relationships between different content types?

For example, I want to be able to relate some Users to a specific Company and then they can CRUD Tasks but only of the Company they belong to. What would be the best approach? I would like to hear your opinions.

New Landing Page Design

I am working on a new landing page design. I have created a new branch and started working there.

What'd you say about this? Should I go?

Error during installation

Hey, I'm on ubuntu. I tried to run it with both yarn and npm, using the following commands:

npm init react-app my-app --template rmw

yarn create react-app my-app --template rmw

And get the same error with both. Output bellow.

But before output, I see that in your codelab, you have a different installation command:

npx create-react-app test-app --scripts-version rmw-react-scripts

Which one should I use (once both work), and what's the difference?

Here is installation error output (look for error towards the end):

~/repos$ yarn create react-app my-app --template rmw
yarn create v1.21.1
[1/4] Resolving packages...
[2/4] Fetching packages...
[3/4] Linking dependencies...
[4/4] Building fresh packages...

success Installed "[email protected]" with binaries:
      - create-react-app
[####################################################################################################] 100/100
Creating a new React app in /home/user1/repos/my-app.

Installing packages. This might take a couple of minutes.
Installing react, react-dom, and react-scripts with cra-template-rmw...

yarn add v1.21.1
[1/4] Resolving packages...
[2/4] Fetching packages...
info [email protected]: The platform "linux" is incompatible with this module.
info "[email protected]" is an optional dependency and failed compatibility check. Excluding it from installation.
info [email protected]: The platform "linux" is incompatible with this module.
info "[email protected]" is an optional dependency and failed compatibility check. Excluding it from installation.
[3/4] Linking dependencies...
warning "react-scripts > [email protected]" has incorrect peer dependency "[email protected]".
warning "react-scripts > @typescript-eslint/eslint-plugin > [email protected]" has unmet peer dependency "typescript@>=2.8.0 || >= 3.2.0-dev || >= 3.3.0-dev || >= 3.4.0-dev || >= 3.5.0-dev || >= 3.6.0-dev || >= 3.6.0-beta || >= 3.7.0-dev || >= 3.7.0-beta".
[4/4] Building fresh packages...
success Saved lockfile.
success Saved 9 new dependencies.
info Direct dependencies
├─ [email protected]
├─ [email protected]
├─ [email protected]
└─ [email protected]
info All dependencies
├─ [email protected]
├─ [email protected]
├─ [email protected]
├─ [email protected]
├─ [email protected]
├─ [email protected]
├─ [email protected]
├─ [email protected]
└─ [email protected]
Done in 8.16s.

Initialized a git repository.

Installing template dependencies using yarnpkg...
yarn add v1.21.1
[1/4] Resolving packages...
warning @material-ui/core > [email protected]: You can find the new Popper v2 at @popperjs/core, this package is dedicated to the legacy v1
warning [email protected]: You can now upgrade to @material-ui/pickers. Documentation for v2 can be found at https://material-ui-pickers-v2.dmtr-kovalenko.now.sh/
[2/4] Fetching packages...
info [email protected]: The platform "linux" is incompatible with this module.
info "[email protected]" is an optional dependency and failed compatibility check. Excluding it from installation.
info [email protected]: The platform "linux" is incompatible with this module.
info "[email protected]" is an optional dependency and failed compatibility check. Excluding it from installation.
[3/4] Linking dependencies...
warning "react-scripts > @typescript-eslint/eslint-plugin > [email protected]" has unmet peer dependency "typescript@>=2.8.0 || >= 3.2.0-dev || >= 3.3.0-dev || >= 3.4.0-dev || >= 3.5.0-dev || >= 3.6.0-dev || >= 3.6.0-beta || >= 3.7.0-dev || >= 3.7.0-beta".
warning " > @testing-library/[email protected]" has unmet peer dependency "@testing-library/dom@>=5".
warning " > @material-ui/[email protected]" has unmet peer dependency "@date-io/core@^1.3.6".
warning " > [email protected]" has incorrect peer dependency "@material-ui/core@^3.2.0".
warning " > [email protected]" has incorrect peer dependency "redux-form@7".
warning " > [email protected]" has incorrect peer dependency "@material-ui/core@1".
[4/4] Building fresh packages...
success Saved lockfile.
success Saved 275 new dependencies.
info Direct dependencies
├─ @date-io/[email protected]
├─ @formatjs/[email protected]
├─ @material-ui/[email protected]
├─ @material-ui/[email protected]
├─ @material-ui/[email protected]
├─ @testing-library/[email protected]
├─ @testing-library/[email protected]
├─ @testing-library/[email protected]
├─ [email protected]
├─ [email protected]
├─ [email protected]
├─ [email protected]
├─ [email protected]
├─ [email protected]
├─ [email protected]
├─ [email protected]
├─ [email protected]
├─ [email protected]
├─ [email protected]
├─ [email protected]
├─ [email protected]
├─ [email protected]
├─ [email protected]
├─ [email protected]
├─ [email protected]
├─ [email protected]
├─ [email protected]
├─ [email protected]
├─ [email protected]
├─ [email protected]
├─ [email protected]
├─ [email protected]
├─ [email protected]
├─ [email protected]
├─ [email protected]
├─ [email protected]
├─ [email protected]
├─ [email protected]
├─ [email protected]
├─ [email protected]
├─ [email protected]
├─ [email protected]
├─ [email protected]
├─ [email protected]
├─ [email protected]
├─ [email protected]
├─ [email protected]
├─ [email protected]
├─ [email protected]
├─ [email protected]
├─ [email protected]
├─ [email protected]
└─ [email protected]
info All dependencies
├─ @date-io/[email protected]
├─ @date-io/[email protected]
├─ @emotion/[email protected]
├─ @firebase/[email protected]
├─ @firebase/[email protected]
├─ @firebase/[email protected]
├─ @firebase/[email protected]
├─ @firebase/[email protected]
├─ @firebase/[email protected]
├─ @firebase/[email protected]
├─ @firebase/[email protected]
├─ @firebase/[email protected]
├─ @firebase/[email protected]
├─ @firebase/[email protected]
├─ @firebase/[email protected]
├─ @firebase/[email protected]
├─ @firebase/[email protected]
├─ @firebase/[email protected]
├─ @firebase/[email protected]
├─ @firebase/[email protected]
├─ @firebase/[email protected]
├─ @firebase/[email protected]
├─ @firebase/[email protected]
├─ @firebase/[email protected]
├─ @firebase/[email protected]
├─ @formatjs/[email protected]
├─ @formatjs/[email protected]
├─ @formatjs/[email protected]
├─ @formatjs/[email protected]
├─ @formatjs/[email protected]
├─ @grpc/[email protected]
├─ @material-ui/[email protected]
├─ @material-ui/[email protected]
├─ @material-ui/[email protected]
├─ @material-ui/[email protected]
├─ @material-ui/[email protected]
├─ @protobufjs/[email protected]
├─ @protobufjs/[email protected]
├─ @protobufjs/[email protected]
├─ @protobufjs/[email protected]
├─ @protobufjs/[email protected]
├─ @protobufjs/[email protected]
├─ @protobufjs/[email protected]
├─ @protobufjs/[email protected]
├─ @protobufjs/[email protected]
├─ @sheerun/[email protected]
├─ @testing-library/[email protected]
├─ @testing-library/[email protected]
├─ @testing-library/[email protected]
├─ @testing-library/[email protected]
├─ @types/[email protected]
├─ @types/[email protected]
├─ @types/[email protected]
├─ @types/[email protected]
├─ @types/[email protected]
├─ @types/[email protected]
├─ @types/[email protected]
├─ @types/[email protected]
├─ @types/[email protected]
├─ @types/[email protected]
├─ @types/[email protected]
├─ @typescript-eslint/[email protected]
├─ @typescript-eslint/[email protected]
├─ [email protected]
├─ [email protected]
├─ [email protected]
├─ [email protected]
├─ [email protected]
├─ [email protected]
├─ [email protected]
├─ [email protected]
├─ [email protected]
├─ [email protected]
├─ [email protected]
├─ [email protected]
├─ [email protected]
├─ [email protected]
├─ [email protected]
├─ [email protected]
├─ [email protected]
├─ [email protected]
├─ [email protected]
├─ [email protected]
├─ [email protected]
├─ [email protected]
├─ [email protected]
├─ [email protected]
├─ [email protected]
├─ [email protected]
├─ [email protected]
├─ [email protected]
├─ [email protected]
├─ [email protected]
├─ [email protected]
├─ [email protected]
├─ [email protected]
├─ [email protected]
├─ [email protected]
├─ [email protected]
├─ [email protected]
├─ [email protected]
├─ [email protected]
├─ [email protected]
├─ [email protected]
├─ [email protected]
├─ [email protected]
├─ [email protected]
├─ [email protected]
├─ [email protected]
├─ [email protected]
├─ [email protected]
├─ [email protected]
├─ [email protected]
├─ [email protected]
├─ [email protected]
├─ [email protected]
├─ [email protected]
├─ [email protected]
├─ [email protected]
├─ [email protected]
├─ [email protected]
├─ [email protected]
├─ [email protected]
├─ [email protected]
├─ [email protected]
├─ [email protected]
├─ [email protected]
├─ [email protected]
├─ [email protected]
├─ [email protected]
├─ [email protected]
├─ [email protected]
├─ [email protected]
├─ [email protected]
├─ [email protected]
├─ [email protected]
├─ [email protected]
├─ [email protected]
├─ [email protected]
├─ [email protected]
├─ [email protected]
├─ [email protected]
├─ [email protected]
├─ [email protected]
├─ [email protected]
├─ [email protected]
├─ [email protected]
├─ [email protected]
├─ [email protected]
├─ [email protected]
├─ [email protected]
├─ [email protected]
├─ [email protected]
├─ [email protected]
├─ [email protected]
├─ [email protected]
├─ [email protected]
├─ [email protected]
├─ [email protected]
├─ [email protected]
├─ [email protected]
├─ [email protected]
├─ [email protected]
├─ [email protected]
├─ [email protected]
├─ [email protected]
├─ [email protected]
├─ [email protected]
├─ [email protected]
├─ [email protected]
├─ [email protected]
├─ [email protected]
├─ [email protected]
├─ [email protected]
├─ [email protected]
├─ [email protected]
├─ [email protected]
├─ [email protected]
├─ [email protected]
├─ [email protected]
├─ [email protected]
├─ [email protected]
├─ [email protected]
├─ [email protected]
├─ [email protected]
├─ [email protected]
├─ [email protected]
├─ [email protected]
├─ [email protected]
├─ [email protected]
├─ [email protected]
├─ [email protected]
├─ [email protected]
├─ [email protected]
├─ [email protected]
├─ [email protected]
├─ [email protected]
├─ [email protected]
├─ [email protected]
├─ [email protected]
├─ [email protected]
├─ [email protected]
├─ [email protected]
├─ [email protected]
├─ [email protected]
├─ [email protected]
├─ [email protected]
├─ [email protected]
├─ [email protected]
├─ [email protected]
├─ [email protected]
├─ [email protected]
├─ [email protected]
├─ [email protected]
├─ [email protected]
├─ [email protected]
├─ [email protected]
├─ [email protected]
├─ [email protected]
├─ [email protected]
├─ [email protected]
├─ [email protected]
├─ [email protected]
├─ [email protected]
├─ [email protected]
├─ [email protected]
├─ [email protected]
├─ [email protected]
├─ [email protected]
├─ [email protected]
├─ [email protected]
├─ [email protected]
├─ [email protected]
├─ [email protected]
├─ [email protected]
├─ [email protected]
├─ [email protected]
├─ [email protected]
├─ [email protected]
├─ [email protected]
├─ [email protected]
├─ [email protected]
├─ [email protected]
├─ [email protected]
├─ [email protected]
├─ [email protected]
├─ [email protected]
├─ [email protected]
├─ [email protected]
├─ [email protected]
├─ [email protected]
├─ [email protected]
├─ [email protected]
├─ [email protected]
├─ [email protected]
├─ [email protected]
├─ [email protected]
├─ [email protected]
├─ [email protected]
├─ [email protected]
├─ [email protected]
├─ [email protected]
├─ [email protected]
├─ [email protected]
├─ [email protected]
├─ [email protected]
├─ [email protected]
├─ [email protected]
├─ [email protected]
├─ [email protected]
├─ [email protected]
├─ [email protected]
├─ [email protected]
├─ [email protected]
└─ [email protected]
Done in 42.43s.
Removing template package using yarnpkg...

yarn remove v1.21.1
[1/2] Removing module cra-template-rmw...
error This module isn't specified in a package.json file.
info Visit https://yarnpkg.com/en/docs/cli/remove for documentation about this command.
`yarnpkg add @testing-library/[email protected] @testing-library/[email protected] @testing-library/[email protected] @date-io/[email protected] @formatjs/[email protected] @material-ui/[email protected] @material-ui/[email protected] @material-ui/[email protected] [email protected] [email protected] [email protected] [email protected] [email protected] [email protected] [email protected] [email protected] [email protected] [email protected] [email protected] [email protected] [email protected] [email protected] [email protected] [email protected] [email protected] [email protected] [email protected] [email protected] [email protected] [email protected] [email protected] [email protected] [email protected] [email protected] [email protected] [email protected] [email protected] [email protected] [email protected] [email protected] [email protected] [email protected] [email protected] [email protected] [email protected] [email protected] [email protected] [email protected] [email protected] [email protected] redux-form-material-ui@^5.0.0-beta.3 [email protected] [email protected] [email protected]` failed
Done in 53.67s.
~/repos$

Login gets stuck on localhost.

Hi Tarik!

For some reason since updating I can't login from localhost. The login window appears normally but once I login gets stuck in this screen:

The only clue I get from the console is this response:

Received message: !_{"s":"/I0_1510077451720::authEvent","f":"I0_1510077451720","r":"I0_1510077451720","t":"42124609","c":3,"a":[{"type":"authEvent","authEvent":{"type":"unknown","eventId":null,"urlResponse":null,"sessionId":null,"error":{"code":"auth/no-auth-event","message":"An internal error has occurred."}}}],"g":false} from https://ding-pwa-staging-d4959.firebaseapp.com
log — client.js:181

If I deploy the app the login works fine on the test URL. This only happens on localhost. Any ideas of what could be happening?

Any help is deeply appreciated. Thanks for sharing this awesome project! :)

error while starting demo after installation (found fix: should upgrade react-scripts to 3.4.0)

the problem is that project uses old version of react-scripts 3.3.0

when I replaced it to 3.4.0 all worked for me

my system config:

MacOS 10.15.3 (19D76)
node: v12.16.1
npm: 6.13.4
npx: 6.13.4
(create-react-app uninstalled globally)

after first ever installation demo running this command:

npx create-react-app my-app --template rmw

there is an error and app doesn't run:

TypeError [ERR_INVALID_ARG_TYPE]: The "path" argument must be of type string. Received undefined
    at validateString (internal/validators.js:117:11)
    at Object.join (path.js:1039:7)
    at noopServiceWorkerMiddleware (/Users/sapienti/files/workspace/my-apps/my-app/node_modules/react-dev-utils/noopServiceWorkerMiddleware.js:14:26)
    at Layer.handle [as handle_request] (/Users/sapienti/files/workspace/my-apps/my-app/node_modules/express/lib/router/layer.js:95:5)
    at trim_prefix (/Users/sapienti/files/workspace/my-apps/my-app/node_modules/express/lib/router/index.js:317:13)
    at /Users/sapienti/files/workspace/my-apps/my-app/node_modules/express/lib/router/index.js:284:7
    at Function.process_params (/Users/sapienti/files/workspace/my-apps/my-app/node_modules/express/lib/router/index.js:335:12)
    at next (/Users/sapienti/files/workspace/my-apps/my-app/node_modules/express/lib/router/index.js:275:10)
    at launchEditorMiddleware (/Users/sapienti/files/workspace/my-apps/my-app/node_modules/react-dev-utils/errorOverlayMiddleware.js:20:7)
    at Layer.handle [as handle_request] (/Users/sapienti/files/workspace/my-apps/my-app/node_modules/express/lib/router/layer.js:95:5)
    at trim_prefix (/Users/sapienti/files/workspace/my-apps/my-app/node_modules/express/lib/router/index.js:317:13)
    at /Users/sapienti/files/workspace/my-apps/my-app/node_modules/express/lib/router/index.js:284:7
    at Function.process_params (/Users/sapienti/files/workspace/my-apps/my-app/node_modules/express/lib/router/index.js:335:12)
    at next (/Users/sapienti/files/workspace/my-apps/my-app/node_modules/express/lib/router/index.js:275:10)
    at handleWebpackInternalMiddleware (/Users/sapienti/files/workspace/my-apps/my-app/node_modules/react-dev-utils/evalSourceMapMiddleware.js:42:7)
    at Layer.handle [as handle_request] (/Users/sapienti/files/workspace/my-apps/my-app/node_modules/express/lib/router/layer.js:95:5)

in browser (http://localhost:3000/) and terminal there is the same message shown ^^^^^^^^^^

how to fix this issue:

in package.json
change :
"react-scripts": "3.3.0",
to
"react-scripts": "3.4.0",
save file and run:
yarn install
in your project root directory

after that, application runs with no errors and I was able to see home page in browser

thanks for your work, it is such a great project!

P.S. you probably need to update template here:
https://www.npmjs.com/package/cra-template-rmw
I see here:
https://github.com/TarikHuber/react-most-wanted/blob/545e6d8765b5b660069280a859b1e5505457ff95/packages/cra-template-rmw/template/package.json
you are using a good react scripts version,
but last update in npmjs.com was 3 months ago

SuperSelectField multiple does not work

Hi,

i´m trying to make the "helper" Dropdown in the Taskfom.js multiple selectable like this

Soh i set multiple to true

But when i click on a field in the dropdownmenu nothing happens.
I think i´m just missing something.
Would be very nice to get a hint.

Best regards

Can't filter and use locales when using dynamic paths in CollectionActivity

If you define both a 'path' and a 'name', there seems to be a mismatch where filters and searches pass data to a filter identified by 'name', but it does not affect data collected in 'path' - so filters will not work if you use 'path'.
On the flipside, if you use 'name' and have a nested collection path, say '/user/{userId}/project', the CollectionActivity title uses 'name' to search for the internationalized document title, and I can't distinguish the two.

I would assume filters and searches should also index by "path || name" - much like watchCol sets up the state with firekit - and this would likely resolve the issue.

Firestore and Realtime Database administration and grants

The way the firestore example rules in firebase/firestore.rules are written, they look for grants and administrative privileges to access and modify data:

//Checks if user has admin rights
    function isAdmin() {
	    return exists(/databases/$(database)/documents/admins/$(request.auth.uid));
    }
    //Checks if user has a specific grant
    function hasGrant(grant) {
      return get(/databases/$(database)/documents/user_grants/$(request.auth.uid)).data[grant]==true
    }

However, this data is stored by RMW in the Realtime Database, not Firestore, and it does not seem to be legal to access the RDB from Firestore since I'm getting permission failures when using the provided functions.
I obviously can't just do client-side security and leave Firestore open to anyone, so how can I use the provided grant and isAdmin functionality? Do I need to duplicate grants and administrators on changes using firebase functions, or have I missed something?

Suggestion to make a clean PWA project without binding to firebase.

I really like your project architecture, but I need it without Firebase. I can’t cut Firebase myself ...
Where the start page would be an authorization page that would accept any data and be authorized with them, the menu items would be a navigation to the demo pages.
Perhaps someone already implemented it based on your project, I would not mind linking to such an implementation if it were

Problem creating an app with windows powershell

I wanted to try creating an app. But my ignorance did not allow me. I used windows powershell on windows 10. I don't understand where I'm wrong. Anyway, sorry for my bad English.

`PS C:\Users\Tommaso\Desktop> npx create-react-app test-app --scripts-version rmw-react-scripts
npx: installed 63 in 19.661s

Creating a new React app in C:\Users\Tommaso\Desktop\test-app.

Installing packages. This might take a couple of minutes.
Installing react, react-dom, and rmw-react-scripts...

+ [email protected]
+ [email protected]
+ [email protected]
added 1901 packages from 665 contributors and audited 32603 packages in 533.539s
found 64 vulnerabilities (63 low, 1 high)
  run `npm audit fix` to fix them, or `npm audit` for details
Installing template dependencies using npm...

npm WARN deprecated [email protected]: Use uuid module instead
npm WARN deprecated [email protected]: The major version is no longer supported. Please update to 4.x or newer

> [email protected] install C:\Users\Tommaso\Desktop\test-app\node_modules\grpc
> node-pre-gyp install --fallback-to-build --library=static_library

node-pre-gyp WARN Using request for node-pre-gyp https download
[grpc] Success: "C:\Users\Tommaso\Desktop\test-app\node_modules\grpc\src\node\extension_binary\node-v67-win32-x64-unknown\grpc_node.node" is installed via remote

> [email protected] postinstall C:\Users\Tommaso\Desktop\test-app\node_modules\jss
> node -e "console.log('\u001b[35m\u001b[1mLove JSS? You can now support us on open collective:\u001b[22m\u001b[39m\n > \u001b[34mhttps://opencollective.com/jss/donate\u001b[0m')"

Love JSS? You can now support us on open collective:
 > https://opencollective.com/jss/donate
npm WARN [email protected] requires a peer of [email protected] but none is installed. You must install peer dependencies yourself.
npm WARN [email protected] requires a peer of [email protected] but none is installed. You must install peer dependencies yourself.
npm WARN [email protected] requires a peer of @material-ui/[email protected] but none is installed. You must install peer dependencies yourself.
npm WARN [email protected] requires a peer of @material-ui/[email protected] but none is installed. You must install peer dependencies yourself.
npm WARN [email protected] requires a peer of [email protected] but none is installed. You must install peer dependencies yourself.
npm WARN [email protected] requires a peer of @material-ui/[email protected] but none is installed. You must install peer dependencies yourself.
npm WARN [email protected] requires a peer of @material-ui/[email protected] but none is installed. You must install peer dependencies yourself.
npm WARN [email protected] requires a peer of [email protected] but none is installed. You must install peer dependencies yourself.
npm WARN [email protected] requires a peer of @material-ui/[email protected] but none is installed. You must install peer dependencies yourself.
npm WARN [email protected] requires a peer of @material-ui/[email protected] but none is installed. You must install peer dependencies yourself.
npm WARN [email protected] requires a peer of [email protected] but none is installed. You must install peer dependencies yourself.
npm WARN [email protected] requires a peer of [email protected] but none is installed. You must install peer dependencies yourself.
npm WARN [email protected] requires a peer of [email protected] but none is installed. You must install peer dependencies yourself.
npm WARN [email protected] requires a peer of [email protected] but none is installed. You must install peer dependencies yourself.
npm WARN [email protected] requires a peer of [email protected] but none is installed. You must install peer dependencies yourself.
npm WARN [email protected] requires a peer of [email protected] but none is installed. You must install peer dependencies yourself.
npm WARN [email protected] requires a peer of redux-form@7 but none is installed. You must install peer dependencies yourself.
npm WARN [email protected] requires a peer of @material-ui/core@1 but none is installed. You must install peer dependencies yourself.
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":"win32","arch":"x64"})
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: [email protected] (node_modules\chokidar\node_modules\fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for [email protected]: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"})

+ [email protected]
+ [email protected]
+ [email protected]
+ @material-ui/[email protected]
+ [email protected]
+ [email protected]
+ [email protected]
+ @material-ui/[email protected]
+ [email protected]
+ [email protected]
+ [email protected]
+ [email protected]
+ [email protected]
+ [email protected]
+ @date-io/[email protected]
+ [email protected]
+ [email protected]
+ [email protected]
+ [email protected]
+ [email protected]
+ [email protected]
+ [email protected]
+ [email protected]
+ [email protected]
+ [email protected]
+ [email protected]
+ [email protected]
+ [email protected]
+ [email protected]
+ [email protected]
+ [email protected]
+ [email protected]
+ [email protected]
+ [email protected]
+ [email protected]
+ [email protected]
+ [email protected]
+ [email protected]
+ [email protected]
+ [email protected]
+ [email protected]
+ [email protected]
+ [email protected]
+ [email protected]
+ [email protected]
added 387 packages from 406 contributors, updated 3 packages and audited 34956 packages in 405.689s
found 97 vulnerabilities (64 low, 32 moderate, 1 high)
  run `npm audit fix` to fix them, or `npm audit` for details
Installing dev template dependencies using npm...

npm WARN [email protected] requires a peer of [email protected] but none is installed. You must install peer dependencies yourself.
npm WARN [email protected] requires a peer of [email protected] but none is installed. You must install peer dependencies yourself.
npm WARN [email protected] requires a peer of @material-ui/[email protected] but none is installed. You must install peer dependencies yourself.
npm WARN [email protected] requires a peer of @material-ui/[email protected] but none is installed. You must install peer dependencies yourself.
npm WARN [email protected] requires a peer of [email protected] but none is installed. You must install peer dependencies yourself.
npm WARN [email protected] requires a peer of @material-ui/[email protected] but none is installed. You must install peer dependencies yourself.
npm WARN [email protected] requires a peer of @material-ui/[email protected] but none is installed. You must install peer dependencies yourself.
npm WARN [email protected] requires a peer of [email protected] but none is installed. You must install peer dependencies yourself.
npm WARN [email protected] requires a peer of redux-form@7 but none is installed. You must install peer dependencies yourself.
npm WARN [email protected] requires a peer of @material-ui/core@1 but none is installed. You must install peer dependencies yourself.
npm WARN [email protected] requires a peer of @material-ui/[email protected] but none is installed. You must install peer dependencies yourself.
npm WARN [email protected] requires a peer of @material-ui/[email protected] but none is installed. You must install peer dependencies yourself.
npm WARN [email protected] requires a peer of [email protected] but none is installed. You must install peer dependencies yourself.
npm WARN [email protected] requires a peer of [email protected] but none is installed. You must install peer dependencies yourself.
npm WARN [email protected] requires a peer of [email protected] but none is installed. You must install peer dependencies yourself.
npm WARN [email protected] requires a peer of [email protected] but none is installed. You must install peer dependencies yourself.
npm WARN [email protected] requires a peer of [email protected] but none is installed. You must install peer dependencies yourself.
npm WARN [email protected] requires a peer of typescript@* but none is installed. You must install peer dependencies yourself.
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":"win32","arch":"x64"})
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: [email protected] (node_modules\chokidar\node_modules\fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for [email protected]: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"})

+ [email protected]
+ [email protected]
+ [email protected]
added 273 packages from 307 contributors and audited 71207 packages in 148.541s
found 160 vulnerabilities (127 low, 32 moderate, 1 high)
  run `npm audit fix` to fix them, or `npm audit` for details

Success! Created test-app at C:\Users\Tommaso\Desktop\test-app
Inside that directory, you can run several commands:

  npm start
    Starts the development server.

  npm run build
    Bundles the app into static files for production.

  npm test
    Starts the test runner.

  npm run eject
    Removes this tool and copies build dependencies, configuration files
    and scripts into the app directory. If you do this, you can’t go back!

We suggest that you begin by typing:

  cd test-app
  npm start

Happy hacking!
PS C:\Users\Tommaso\Desktop> npm start
npm ERR! path C:\Users\Tommaso\Desktop\package.json
npm ERR! code ENOENT
npm ERR! errno -4058
npm ERR! syscall open
npm ERR! enoent ENOENT: no such file or directory, open 'C:\Users\Tommaso\Desktop\package.json'
npm ERR! enoent This is related to npm not being able to find a file.
npm ERR! enoent

npm ERR! A complete log of this run can be found in:
npm ERR!     C:\Users\Tommaso\AppData\Roaming\npm-cache\_logs\2019-03-25T08_38_29_597Z-debug.log`

[2019-03-25T08_38_29_597Z-debug.log](https://github.com/TarikHuber/react-most-wanted/files/3002346/2019-03-25T08_38_29_597Z-debug.log)

Need Attention on Role.js file and how it runs it `this.validate()` function

packages/rmw-shell/src/pages/Roles

folder, there's a file named Role.js. In that file, there's a function defined as this.validate(). This function accepts an argument and validates the given argument.

this.validate() function is only called on this.handleValueChange() function. The problem here is that, when this.validate()function is called there's no argument given to it, Hence it will always return submit an error message no matter what.

I suggest you should look up on that.

Needing to run npm install for functions folder

Hello. When I tried to deploy to firebase, I got this error message:

Error: Error parsing triggers: Cannot find module 'glob'

Try running "npm install" in your functions directory before deploying.

Running npm install inside the functions directory resolved the issue. It wasn't mentioned in the README file. Is this required? Or did I miss a step?

`this.handlePhotoUploadSuccess()` function isn't initialized/declared in CompanyForm.js file

I can't seem to find the declaration for this.handlePhotoUploadSuccess function in CompanyForm.js file.
Also, check out Forms/Company.js file, same issue in there too. this.handlePhotoUploadSuccess function isn't declared in there.

Move styles to a new folder

I am suggesting we should move styles another file as opposed to inline style. What'd you think?

refactor "componentWillMount" per changes to React standards

as of 01-Sep-2019 (most current commit is [20a012f|https://github.com/TarikHuber/react-most-wanted/commit/20a012fcf77426af367e11011aa8732843074a9c] ), the repo uses the componentWillMount lifecycle, which is flagged as "not recommended for use". The error message displayed in the console states:

Warning: componentWillMount has been renamed, and is not recommended for use. See https://fb.me/react-async-component-lifecycle-hooks for details.

Move code with side effects to componentDidMount, and set initial state in the constructor.

Rename componentWillMount to UNSAFE_componentWillMount to suppress this warning in non-strict mode. In React 17.x, only the UNSAFE_ name will work. To rename all deprecated lifecycles to their new names, you can run npx react-codemod rename-unsafe-lifecycles in your project source folder.

Please update the following components: LoadableComponent

Note: while the example error message specifically identifies the LoadableComponent, there are other components generating the same warning.

steps to replicate

checkout current master branch; to use the exact same commit I was using at the time of the submission, checkout [20a012f|https://github.com/TarikHuber/react-most-wanted/commit/20a012fcf77426af367e11011aa8732843074a9c], e.g.: git checkout 20a012f
run app, e.g.: npm start
view errors in browser console, e.g.: Ctrl-J if using Google Chrome