@nativescript/template-blank-react 8.2.0 → 8.3.1

package/.npmrc

@@ -0,0 +1 @@
+//registry.npmjs.org/:_authToken=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

package/README.md

@@ -18,48 +18,29 @@ ns run android
 ns run ios
 ```
 
-> Note: This command will create a new NativeScript app that uses the latest version of this template published to [npm](https://www.npmjs.com/package/tns-template-blank-react).
+> Note: This command will create a new NativeScript app that uses the latest version of this template published to [npm](https://www.npmjs.com/package/@nativescript/template-blank-react).
 
-<!--
-## Quick start from the latest master
 
-```sh
-ns create my-blank-react --template https://github.com/shirakaba/tns-template-blank-react/tarball/master
-```
-
-## Building from a local clone of the repo
-
-If you want to create a new app that uses the source of the template from the `master` branch, you can execute the following:
+**NB:** Please, keep in mind that the master branch may refer to dependencies that are not on NPM yet!
 
-```
-# clone nativescript-app-templates monorepo locally
-git clone https://github.com/shirakaba/tns-template-blank-react.git
+## Walkthrough
 
-# create app template from local source (all templates are in the 'packages' subfolder of the monorepo)
-ns create my-blank-react --template tns-template-blank-react
+Having created an app from this template, here's an introduction to how it works:
 
-cd my-blank-react
-npm install
+### Architecture
 
-ns preview
-# or
-ns run android
-# or
-ns run ios
-```
--->
+- `src/app.ts`: The app entrypoint. It renders the MainStack component as the root component.
+- `src/components/MainStack.tsx`: A React Navigation 5 [stack navigator](https://reactnavigation.org/docs/5.x/stack-navigator/) serving as the root component.
+- `src/components/ScreenOne.tsx`, `src/components/ScreenTwo.tsx`: A couple of screens to navigate to.
+- `src/NavigationParamList.tsx`: A record of the navigation params for each route in your app.
 
-**NB:** Please, keep in mind that the master branch may refer to dependencies that are not on NPM yet!
+### The basics
 
-## Walkthrough
+Learn React NativeScript itself by reading [its docs](https://react-nativescript.netlify.app/docs/introduction/introduction.html).
 
-### Architecture
-There is a single blank component located in:
-- `/components/AppContainer.tsx` - sets up an empty page layout.
+Learn how to navigate by referring to the React Navigation 5 [docs])https://reactnavigation.org/docs/5.x/getting-started) and refer to the [react-nativescript-navigation](https://github.com/shirakaba/react-nativescript-navigation/tree/master/react-nativescript-navigation) repo to see which options are supported for each navigator.
 
-**Home** page has the following components:
-- `<actionBar>` - It holds the title of the page.
-- `<gridLayout>` - The main page layout that should contains all the page content.
+React libraries without a dependency on `react-dom` (like Redux) should work just fine in React NativeScript as long as the `react` version is compatible.
 
 ## Get Help
 The NativeScript framework has a vibrant community that can help when you run into problems.

package/package.json

@@ -1,13 +1,11 @@
 {
   "name": "@nativescript/template-blank-react",
-  "version": "8.2.0",
+  "version": "8.3.1",
   "description": "Blank template for NativeScript apps using React.",
   "author": "Jamie Birch <14055146+shirakaba@users.noreply.github.com>",
   "main": "src/app.ts",
   "scripts": {
-    "postinstall": "patch-package",
-    "type-check": "tsc --noEmit",
-    "type-check:watch": "npm run type-check -- --watch"
+    "type-check": "tsc --noEmit"
   },
   "license": "Apache-2.0",
   "repository": {
@@ -24,11 +22,11 @@
   "files": [
     "App_Resources",
     "hooks",
-    "patches",
     "src",
     "tools",
     "!tools/assets",
     ".editorconfig",
+    ".npmrc",
     "references.d.ts",
     "tsconfig.json"
   ],
@@ -41,18 +39,16 @@
     "template"
   ],
   "dependencies": {
-    "@nativescript/core": "~8.2.0",
-    "@react-navigation/core": "^5.15.3",
-    "react": "~16.13.1",
-    "react-nativescript": "^3.0.0-beta.1",
-    "react-nativescript-navigation": "3.0.0-beta.2"
+    "@nativescript/core": "~8.3.5",
+    "react": "^16.14.0",
+    "react-nativescript": "^4.0.0",
+    "react-nativescript-navigation": "^4.0.0"
   },
   "devDependencies": {
-    "@nativescript/types": "~8.2.0",
-    "@nativescript/webpack": "~5.0.6",
-    "@types/react": "16.9.34",
-    "patch-package": "~6.4.7",
-    "typescript": "~4.5.5"
+    "@nativescript/types": "~8.3.1",
+    "@nativescript/webpack": "~5.0.9",
+    "@types/react": "npm:types-react-without-jsx-intrinsics@^16.14.30",
+    "typescript": "^4.8.4"
   },
   "gitHead": "1350d382fb4b0ed4c6e9685df909518b2688e004",
   "readme": "NativeScript Application"

package/src/NavigationParamList.ts

@@ -0,0 +1,9 @@
+/**
+ * A record of the navigation params for each route in your app.
+ */
+export type MainStackParamList = {
+  One?: {};
+  Two: {
+    message: string;
+  };
+};

package/src/app.ts

@@ -1,20 +1,17 @@
-import * as React from 'react'
+import * as React from 'react';
+import * as ReactNativeScript from 'react-nativescript';
+import { MainStack } from './components/MainStack';
 
-/* Controls react-nativescript log verbosity. true: all logs; false: only error logs. */
-Object.defineProperty(global, '__DEV__', { value: false })
+// In NativeScript, the app.ts file is the entry point to your application. You
+// can use this file to perform app-level initialization, but the primary
+// purpose of the file is to pass control to the app’s first module.
 
-/*
-In NativeScript, the app.ts file is the entry point to your application.
-You can use this file to perform app-level initialization, but the primary
-purpose of the file is to pass control to the app’s first module.
-*/
+// Controls react-nativescript log verbosity.
+// - true: all logs;
+// - false: only error logs.
+Object.defineProperty(global, '__DEV__', { value: false });
 
-import * as ReactNativeScript from 'react-nativescript'
-import { mainStackNavigator as AppContainer } from './components/Navigator'
+ReactNativeScript.start(React.createElement(MainStack, {}, null));
 
-ReactNativeScript.start(React.createElement(AppContainer, {}, null))
-
-/*
-Do not place any code after the application has been started as it will not
-be executed on iOS.
-*/
+// Do not place any code after the application has been started as it will not
+// be executed on iOS.

package/src/components/{Navigator.tsx → MainStack.tsx}

@@ -1,15 +1,19 @@
-import * as React from "react";
 import { BaseNavigationContainer } from '@react-navigation/core';
+import * as React from "react";
 import { stackNavigatorFactory } from "react-nativescript-navigation";
-import { HomeScreen } from "./HomeScreen";
-import { SecondaryScreen } from "./SecondaryScreen";
+
+import { ScreenOne } from "./ScreenOne";
+import { ScreenTwo } from "./ScreenTwo";
 
 const StackNavigator = stackNavigatorFactory();
 
-export const mainStackNavigator = () => (
+/**
+ * The main stack navigator for the whole app.
+ */
+export const MainStack = () => (
     <BaseNavigationContainer>
         <StackNavigator.Navigator
-            initialRouteName="Home"
+            initialRouteName="Screen One"
             screenOptions={{
                 headerStyle: {
                     backgroundColor: "white",
@@ -18,12 +22,12 @@ export const mainStackNavigator = () => (
             }}
         >
             <StackNavigator.Screen
-                name="Home"
-                component={HomeScreen}
+                name="Screen One"
+                component={ScreenOne}
             />
             <StackNavigator.Screen
-                name="Secondary"
-                component={SecondaryScreen}
+                name="Screen Two"
+                component={ScreenTwo}
             />
         </StackNavigator.Navigator>
     </BaseNavigationContainer>

package/src/components/{HomeScreen.tsx → ScreenOne.tsx}

@@ -1,23 +1,24 @@
-import * as React from "react";
-import { RouteProp } from '@react-navigation/core';
 import { Dialogs } from '@nativescript/core';
-import { FrameNavigationProp } from "react-nativescript-navigation";
+import { RouteProp } from '@react-navigation/core';
+import * as React from "react";
 import { StyleSheet } from "react-nativescript";
-import { MainStackParamList } from "./NavigationParamList";
+import { FrameNavigationProp } from "react-nativescript-navigation";
 
-type HomeScreenProps = {
-    route: RouteProp<MainStackParamList, "Home">,
-    navigation: FrameNavigationProp<MainStackParamList, "Home">,
-}
+import { MainStackParamList } from "../NavigationParamList";
+
+type ScreenOneProps = {
+    route: RouteProp<MainStackParamList, "One">,
+    navigation: FrameNavigationProp<MainStackParamList, "One">,
+};
 
-export function HomeScreen({ navigation }: HomeScreenProps) {
+export function ScreenOne({ navigation }: ScreenOneProps) {
     return (
         <flexboxLayout style={styles.container}>
             <label
                 className="fas"
                 style={styles.text}
             >
-                &#xf135; Hello World!
+                &#xf135; You're viewing screen one!
             </label>
             <button
                 style={styles.button}
@@ -27,7 +28,7 @@ export function HomeScreen({ navigation }: HomeScreenProps) {
             </button>
             <button
                 style={styles.button}
-                onTap={() => navigation.navigate('Secondary')}
+                onTap={() => navigation.navigate("Two", { message: "Hello, world!" })}
             >
                 Go to next screen
             </button>
@@ -50,4 +51,4 @@ const styles = StyleSheet.create({
         fontSize: 24,
         color: "#2e6ddf",
     },
-});
+});

package/src/components/{SecondaryScreen.tsx → ScreenTwo.tsx}

@@ -1,19 +1,23 @@
-import * as React from "react";
 import { RouteProp } from '@react-navigation/core';
-import { FrameNavigationProp } from "react-nativescript-navigation";
-import { MainStackParamList } from "./NavigationParamList";
+import * as React from "react";
 import { StyleSheet } from "react-nativescript";
+import { FrameNavigationProp } from "react-nativescript-navigation";
 
-type SecondaryScreenProps = {
-    route: RouteProp<MainStackParamList, "Secondary">,
-    navigation: FrameNavigationProp<MainStackParamList, "Secondary">,
-}
+import { MainStackParamList } from "../NavigationParamList";
+
+type ScreenTwoProps = {
+    route: RouteProp<MainStackParamList, "Two">,
+    navigation: FrameNavigationProp<MainStackParamList, "Two">,
+};
 
-export function SecondaryScreen({ navigation }: SecondaryScreenProps) {
+export function ScreenTwo({ navigation, route }: ScreenTwoProps) {
     return (
         <flexboxLayout style={styles.container}>
             <label style={styles.text}>
-                You're viewing the secondary screen!
+                You're viewing screen two!
+            </label>
+            <label style={styles.text}>
+                Messsage: {route.params.message}
             </label>
             <button
                 style={styles.button}

package/patches/@types+react+16.9.34.patch

@@ -1,192 +0,0 @@
-diff --git a/node_modules/@types/react/index.d.ts b/node_modules/@types/react/index.d.ts
-index 72c43ea..c4271cc 100644
---- a/node_modules/@types/react/index.d.ts
-+++ b/node_modules/@types/react/index.d.ts
-@@ -2963,186 +2963,8 @@ declare global {
-         // tslint:disable-next-line:no-empty-interface
-         interface IntrinsicClassAttributes<T> extends React.ClassAttributes<T> { }
-         
-+        // tslint:disable-next-line:no-empty-interface
-         interface IntrinsicElements {
--            // HTML
--            a: React.DetailedHTMLProps<React.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>;
--            abbr: React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>;
--            address: React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>;
--            area: React.DetailedHTMLProps<React.AreaHTMLAttributes<HTMLAreaElement>, HTMLAreaElement>;
--            article: React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>;
--            aside: React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>;
--            audio: React.DetailedHTMLProps<React.AudioHTMLAttributes<HTMLAudioElement>, HTMLAudioElement>;
--            b: React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>;
--            base: React.DetailedHTMLProps<React.BaseHTMLAttributes<HTMLBaseElement>, HTMLBaseElement>;
--            bdi: React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>;
--            bdo: React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>;
--            big: React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>;
--            blockquote: React.DetailedHTMLProps<React.BlockquoteHTMLAttributes<HTMLElement>, HTMLElement>;
--            body: React.DetailedHTMLProps<React.HTMLAttributes<HTMLBodyElement>, HTMLBodyElement>;
--            br: React.DetailedHTMLProps<React.HTMLAttributes<HTMLBRElement>, HTMLBRElement>;
--            button: React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>;
--            canvas: React.DetailedHTMLProps<React.CanvasHTMLAttributes<HTMLCanvasElement>, HTMLCanvasElement>;
--            caption: React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>;
--            cite: React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>;
--            code: React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>;
--            col: React.DetailedHTMLProps<React.ColHTMLAttributes<HTMLTableColElement>, HTMLTableColElement>;
--            colgroup: React.DetailedHTMLProps<React.ColgroupHTMLAttributes<HTMLTableColElement>, HTMLTableColElement>;
--            data: React.DetailedHTMLProps<React.DataHTMLAttributes<HTMLDataElement>, HTMLDataElement>;
--            datalist: React.DetailedHTMLProps<React.HTMLAttributes<HTMLDataListElement>, HTMLDataListElement>;
--            dd: React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>;
--            del: React.DetailedHTMLProps<React.DelHTMLAttributes<HTMLElement>, HTMLElement>;
--            details: React.DetailedHTMLProps<React.DetailsHTMLAttributes<HTMLElement>, HTMLElement>;
--            dfn: React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>;
--            dialog: React.DetailedHTMLProps<React.DialogHTMLAttributes<HTMLDialogElement>, HTMLDialogElement>;
--            div: React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>;
--            dl: React.DetailedHTMLProps<React.HTMLAttributes<HTMLDListElement>, HTMLDListElement>;
--            dt: React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>;
--            em: React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>;
--            embed: React.DetailedHTMLProps<React.EmbedHTMLAttributes<HTMLEmbedElement>, HTMLEmbedElement>;
--            fieldset: React.DetailedHTMLProps<React.FieldsetHTMLAttributes<HTMLFieldSetElement>, HTMLFieldSetElement>;
--            figcaption: React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>;
--            figure: React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>;
--            footer: React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>;
--            form: React.DetailedHTMLProps<React.FormHTMLAttributes<HTMLFormElement>, HTMLFormElement>;
--            h1: React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>;
--            h2: React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>;
--            h3: React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>;
--            h4: React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>;
--            h5: React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>;
--            h6: React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>;
--            head: React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadElement>, HTMLHeadElement>;
--            header: React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>;
--            hgroup: React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>;
--            hr: React.DetailedHTMLProps<React.HTMLAttributes<HTMLHRElement>, HTMLHRElement>;
--            html: React.DetailedHTMLProps<React.HtmlHTMLAttributes<HTMLHtmlElement>, HTMLHtmlElement>;
--            i: React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>;
--            iframe: React.DetailedHTMLProps<React.IframeHTMLAttributes<HTMLIFrameElement>, HTMLIFrameElement>;
--            img: React.DetailedHTMLProps<React.ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>;
--            input: React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>;
--            ins: React.DetailedHTMLProps<React.InsHTMLAttributes<HTMLModElement>, HTMLModElement>;
--            kbd: React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>;
--            keygen: React.DetailedHTMLProps<React.KeygenHTMLAttributes<HTMLElement>, HTMLElement>;
--            label: React.DetailedHTMLProps<React.LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>;
--            legend: React.DetailedHTMLProps<React.HTMLAttributes<HTMLLegendElement>, HTMLLegendElement>;
--            li: React.DetailedHTMLProps<React.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>;
--            link: React.DetailedHTMLProps<React.LinkHTMLAttributes<HTMLLinkElement>, HTMLLinkElement>;
--            main: React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>;
--            map: React.DetailedHTMLProps<React.MapHTMLAttributes<HTMLMapElement>, HTMLMapElement>;
--            mark: React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>;
--            menu: React.DetailedHTMLProps<React.MenuHTMLAttributes<HTMLElement>, HTMLElement>;
--            menuitem: React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>;
--            meta: React.DetailedHTMLProps<React.MetaHTMLAttributes<HTMLMetaElement>, HTMLMetaElement>;
--            meter: React.DetailedHTMLProps<React.MeterHTMLAttributes<HTMLElement>, HTMLElement>;
--            nav: React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>;
--            noindex: React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>;
--            noscript: React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>;
--            object: React.DetailedHTMLProps<React.ObjectHTMLAttributes<HTMLObjectElement>, HTMLObjectElement>;
--            ol: React.DetailedHTMLProps<React.OlHTMLAttributes<HTMLOListElement>, HTMLOListElement>;
--            optgroup: React.DetailedHTMLProps<React.OptgroupHTMLAttributes<HTMLOptGroupElement>, HTMLOptGroupElement>;
--            option: React.DetailedHTMLProps<React.OptionHTMLAttributes<HTMLOptionElement>, HTMLOptionElement>;
--            output: React.DetailedHTMLProps<React.OutputHTMLAttributes<HTMLElement>, HTMLElement>;
--            p: React.DetailedHTMLProps<React.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>;
--            param: React.DetailedHTMLProps<React.ParamHTMLAttributes<HTMLParamElement>, HTMLParamElement>;
--            picture: React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>;
--            pre: React.DetailedHTMLProps<React.HTMLAttributes<HTMLPreElement>, HTMLPreElement>;
--            progress: React.DetailedHTMLProps<React.ProgressHTMLAttributes<HTMLProgressElement>, HTMLProgressElement>;
--            q: React.DetailedHTMLProps<React.QuoteHTMLAttributes<HTMLQuoteElement>, HTMLQuoteElement>;
--            rp: React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>;
--            rt: React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>;
--            ruby: React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>;
--            s: React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>;
--            samp: React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>;
--            slot: React.DetailedHTMLProps<React.SlotHTMLAttributes<HTMLSlotElement>, HTMLSlotElement>;
--            script: React.DetailedHTMLProps<React.ScriptHTMLAttributes<HTMLScriptElement>, HTMLScriptElement>;
--            section: React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>;
--            select: React.DetailedHTMLProps<React.SelectHTMLAttributes<HTMLSelectElement>, HTMLSelectElement>;
--            small: React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>;
--            source: React.DetailedHTMLProps<React.SourceHTMLAttributes<HTMLSourceElement>, HTMLSourceElement>;
--            span: React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>;
--            strong: React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>;
--            style: React.DetailedHTMLProps<React.StyleHTMLAttributes<HTMLStyleElement>, HTMLStyleElement>;
--            sub: React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>;
--            summary: React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>;
--            sup: React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>;
--            table: React.DetailedHTMLProps<React.TableHTMLAttributes<HTMLTableElement>, HTMLTableElement>;
--            template: React.DetailedHTMLProps<React.HTMLAttributes<HTMLTemplateElement>, HTMLTemplateElement>;
--            tbody: React.DetailedHTMLProps<React.HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>;
--            td: React.DetailedHTMLProps<React.TdHTMLAttributes<HTMLTableDataCellElement>, HTMLTableDataCellElement>;
--            textarea: React.DetailedHTMLProps<React.TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>;
--            tfoot: React.DetailedHTMLProps<React.HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>;
--            th: React.DetailedHTMLProps<React.ThHTMLAttributes<HTMLTableHeaderCellElement>, HTMLTableHeaderCellElement>;
--            thead: React.DetailedHTMLProps<React.HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>;
--            time: React.DetailedHTMLProps<React.TimeHTMLAttributes<HTMLElement>, HTMLElement>;
--            title: React.DetailedHTMLProps<React.HTMLAttributes<HTMLTitleElement>, HTMLTitleElement>;
--            tr: React.DetailedHTMLProps<React.HTMLAttributes<HTMLTableRowElement>, HTMLTableRowElement>;
--            track: React.DetailedHTMLProps<React.TrackHTMLAttributes<HTMLTrackElement>, HTMLTrackElement>;
--            u: React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>;
--            ul: React.DetailedHTMLProps<React.HTMLAttributes<HTMLUListElement>, HTMLUListElement>;
--            "var": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>;
--            video: React.DetailedHTMLProps<React.VideoHTMLAttributes<HTMLVideoElement>, HTMLVideoElement>;
--            wbr: React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>;
--            webview: React.DetailedHTMLProps<React.WebViewHTMLAttributes<HTMLWebViewElement>, HTMLWebViewElement>;
--
--            // SVG
--            svg: React.SVGProps<SVGSVGElement>;
--
--            animate: React.SVGProps<SVGElement>; // TODO: It is SVGAnimateElement but is not in TypeScript's lib.dom.d.ts for now.
--            animateMotion: React.SVGProps<SVGElement>;
--            animateTransform: React.SVGProps<SVGElement>; // TODO: It is SVGAnimateTransformElement but is not in TypeScript's lib.dom.d.ts for now.
--            circle: React.SVGProps<SVGCircleElement>;
--            clipPath: React.SVGProps<SVGClipPathElement>;
--            defs: React.SVGProps<SVGDefsElement>;
--            desc: React.SVGProps<SVGDescElement>;
--            ellipse: React.SVGProps<SVGEllipseElement>;
--            feBlend: React.SVGProps<SVGFEBlendElement>;
--            feColorMatrix: React.SVGProps<SVGFEColorMatrixElement>;
--            feComponentTransfer: React.SVGProps<SVGFEComponentTransferElement>;
--            feComposite: React.SVGProps<SVGFECompositeElement>;
--            feConvolveMatrix: React.SVGProps<SVGFEConvolveMatrixElement>;
--            feDiffuseLighting: React.SVGProps<SVGFEDiffuseLightingElement>;
--            feDisplacementMap: React.SVGProps<SVGFEDisplacementMapElement>;
--            feDistantLight: React.SVGProps<SVGFEDistantLightElement>;
--            feDropShadow: React.SVGProps<SVGFEDropShadowElement>;
--            feFlood: React.SVGProps<SVGFEFloodElement>;
--            feFuncA: React.SVGProps<SVGFEFuncAElement>;
--            feFuncB: React.SVGProps<SVGFEFuncBElement>;
--            feFuncG: React.SVGProps<SVGFEFuncGElement>;
--            feFuncR: React.SVGProps<SVGFEFuncRElement>;
--            feGaussianBlur: React.SVGProps<SVGFEGaussianBlurElement>;
--            feImage: React.SVGProps<SVGFEImageElement>;
--            feMerge: React.SVGProps<SVGFEMergeElement>;
--            feMergeNode: React.SVGProps<SVGFEMergeNodeElement>;
--            feMorphology: React.SVGProps<SVGFEMorphologyElement>;
--            feOffset: React.SVGProps<SVGFEOffsetElement>;
--            fePointLight: React.SVGProps<SVGFEPointLightElement>;
--            feSpecularLighting: React.SVGProps<SVGFESpecularLightingElement>;
--            feSpotLight: React.SVGProps<SVGFESpotLightElement>;
--            feTile: React.SVGProps<SVGFETileElement>;
--            feTurbulence: React.SVGProps<SVGFETurbulenceElement>;
--            filter: React.SVGProps<SVGFilterElement>;
--            foreignObject: React.SVGProps<SVGForeignObjectElement>;
--            g: React.SVGProps<SVGGElement>;
--            image: React.SVGProps<SVGImageElement>;
--            line: React.SVGProps<SVGLineElement>;
--            linearGradient: React.SVGProps<SVGLinearGradientElement>;
--            marker: React.SVGProps<SVGMarkerElement>;
--            mask: React.SVGProps<SVGMaskElement>;
--            metadata: React.SVGProps<SVGMetadataElement>;
--            mpath: React.SVGProps<SVGElement>;
--            path: React.SVGProps<SVGPathElement>;
--            pattern: React.SVGProps<SVGPatternElement>;
--            polygon: React.SVGProps<SVGPolygonElement>;
--            polyline: React.SVGProps<SVGPolylineElement>;
--            radialGradient: React.SVGProps<SVGRadialGradientElement>;
--            rect: React.SVGProps<SVGRectElement>;
--            stop: React.SVGProps<SVGStopElement>;
--            switch: React.SVGProps<SVGSwitchElement>;
--            symbol: React.SVGProps<SVGSymbolElement>;
--            text: React.SVGProps<SVGTextElement>;
--            textPath: React.SVGProps<SVGTextPathElement>;
--            tspan: React.SVGProps<SVGTSpanElement>;
--            use: React.SVGProps<SVGUseElement>;
--            view: React.SVGProps<SVGViewElement>;
-         }
-     }
- }

package/src/components/NavigationParamList.ts

@@ -1,4 +0,0 @@
-export type MainStackParamList = {
-  Home: {}
-  Secondary: {}
-}