Add react-native-paper to babel loader config and --history-api-fallback to dev server flags

Author: brentvatne

react-native-scripts/src/scripts/init.js

@@ -104,7 +104,7 @@ https://github.com/npm/npm/issues/16991
   if (withWebSupport) {
     appPackage.main = './node_modules/react-native-scripts/build/bin/crna-entry-web.js';
     Object.assign(appPackage.scripts, {
-      web: 'webpack-dev-server -d --config ./webpack.config.js  --inline --hot --colors --content-base public/',
+      web: 'webpack-dev-server -d --config ./webpack.config.js  --inline --hot --colors --content-base public/ --history-api-fallback',
       build: 'NODE_ENV=production webpack -p --config ./webpack.config.js',
     });
   }

react-native-scripts/template-with-web/webpack.config.js

@@ -16,6 +16,7 @@ const babelLoaderConfiguration = {
     path.resolve(appDirectory, 'src'),
     path.resolve(appDirectory, 'node_modules/react-navigation'),
     path.resolve(appDirectory, 'node_modules/react-native-tab-view'),
+    path.resolve(appDirectory, 'node_modules/react-native-paper'),
     path.resolve(appDirectory, 'node_modules/react-native-vector-icons'),
     path.resolve(appDirectory, 'node_modules/react-native-safe-area-view'),
     path.resolve(appDirectory, 'node_modules/@expo/samples'),