fix: improve performance issues and remove depency on react-window

Author: RichardLindhout

example/babel.config.js

@@ -1,6 +1,7 @@
 const path = require('path');
 const pak = require('../package.json');
 
+console.log({ pak });
 module.exports = {
   presets: ['module:metro-react-native-babel-preset'],
   plugins: [

example/config-overrides.js

@@ -6,28 +6,38 @@ const {
   override,
   removeModuleScopePlugin,
 } = require('customize-cra');
-const { addReactRefresh } = require('customize-cra-react-refresh');
 
+const pak = require('../package.json');
 const path = require('path');
-
+console.log({ name: pak.name, source: pak.source });
 module.exports = override(
-  addReactRefresh(),
   fixBabelImports('module-resolver', {
     alias: {
       '^react-native$': 'react-native-web',
+
+      [pak.name]: path.join(__dirname, '..', pak.source),
+      // react: '../node_modules/react',
+      // 'react-dom': '../node_modules/react-dom',
+      // 'create-react-class': '../node_modules/create-react-class',
+      // 'react-native-web': '../node_modules/react-native-web',
     },
   }),
   addWebpackAlias({
     'react-native': 'react-native-web',
-
+    [pak.name]: path.join(__dirname, '..', pak.source),
+    // react: '../node_modules/react',
+    // 'react-dom': '../node_modules/react-dom',
+    // 'create-react-class': '../node_modules/create-react-class',
+    // 'react-native-web': '../node_modules/react-native-web',
     // here you can add extra packages
   }),
   babelInclude([
     path.resolve('src'),
     path.resolve('app.json'),
+
+    // any react-native modules you need babel to compile
     path.resolve('./node_modules/react-native-vector-icons'),
     path.resolve('../src'),
-    // any react-native modules you need babel to compile
   ]),
   removeModuleScopePlugin()
 );

example/package.json

@@ -11,7 +11,7 @@
     "web:build": "react-app-rewired build",
     "web:test": "react-app-rewired test",
     "web:eject": "react-app-rewired eject",
-    "web": "npm link ../node_modules/react && react-app-rewired start"
+    "web": "npm link ../node_modules/react --legacy-peer-deps --force && react-app-rewired start"
   },
   "dependencies": {
     "@formatjs/intl-datetimeformat": "^2.6.6",
@@ -22,13 +22,10 @@
     "@formatjs/intl-numberformat": "^5.6.1",
     "@formatjs/intl-pluralrules": "^3.4.6",
     "@formatjs/intl-relativetimeformat": "^7.2.6",
-    "@testing-library/jest-dom": "^4.2.4",
-    "@testing-library/react": "^9.3.2",
-    "@testing-library/user-event": "^7.1.2",
-    "react": "^16.13.1",
-    "react-dom": "^16.13.1",
+    "react": "^16.14.0",
+    "react-dom": "^16.14.0",
     "react-native": "0.63.2",
-    "react-native-localize": "^1.4.1",
+    "react-native-localize": "^2.0.1",
     "react-native-vector-icons": "https://github.com/RichardLindhout/react-native-vector-icons",
     "react-native-web": "^0.14.8",
     "react-scripts": "3.4.3"

example/src/App.tsx

@@ -20,11 +20,13 @@ import {
   overlay,
   Paragraph,
 } from 'react-native-paper';
+
 import {
   DatePickerModal,
   DatePickerModalContent,
   TimePickerModal,
-} from '../../src';
+  // @ts-ignore
+} from 'react-native-paper-dates';
 import { addMonths } from '../../src/Date/dateUtils';
 
 const baseDate = new Date();
@@ -94,9 +96,9 @@ function App({
   );
 
   const onChangeExcludeRange = React.useCallback(
-    ({ excludedDates }: { excludedDates: Date[] }) => {
+    (args: { excludedDates: Date[] }) => {
       setRangeExcludeOpen(false);
-      setExcludedDates(excludedDates);
+      setExcludedDates(args.excludedDates);
     },
     [setRangeExcludeOpen, setExcludedDates]
   );