Merge pull request #111 from gluestack/fix/template-typing

fix: broken imports and ts-errors

Author: akash3gtm

apps/templates/expo-router-with-nativewind/components/ExternalLink.tsx

@@ -3,21 +3,21 @@ import * as WebBrowser from "expo-web-browser";
 import React from "react";
 import { Platform } from "react-native";
 
-export function ExternalLink(
-  props: Omit<React.ComponentProps<typeof Link>, "href"> & { href: string }
-) {
+export function ExternalLink({
+  href,
+  ...props
+}: React.ComponentProps<typeof Link>) {
   return (
     <Link
       target="_blank"
       {...props}
-      // @ts-expect-error: External URLs are not typed.
-      href={props.href}
+      href={href}
       onPress={(e) => {
         if (Platform.OS !== "web") {
           // Prevent the default behavior of linking to the default browser on native.
           e.preventDefault();
           // Open the link in an in-app browser.
-          WebBrowser.openBrowserAsync(props.href as string);
+          WebBrowser.openBrowserAsync(href as string);
         }
       }}
     />

apps/templates/expo-router-with-nativewind/components/Themed.tsx

@@ -5,7 +5,7 @@
 
 import { Text as DefaultText, View as DefaultView } from 'react-native';
 
-import Colors from '@/constants/Colors';
+import { Colors } from '@/constants/Colors';
 import { useColorScheme } from './useColorScheme';
 
 type ThemeProps = {

apps/templates/expo-router-with-nativewind/components/ui/grid/index.tsx

@@ -13,7 +13,7 @@ import { cssInterop } from 'nativewind';
 import {
   useBreakpointValue,
   getBreakPointValue,
-} from '../../hooks/use-break-point-value';
+} from '../utils/use-break-point-value';
 
 const { width: DEVICE_WIDTH } = Dimensions.get('window');
 

apps/templates/expo-router-with-nativewind/components/ui/utils/use-break-point-value.ts

@@ -2,7 +2,7 @@ import { Dimensions, useWindowDimensions } from 'react-native';
 import { useEffect, useState } from 'react';
 
 import resolveConfig from 'tailwindcss/resolveConfig';
-import tailwindConfig from 'tailwind.config';
+import * as tailwindConfig from 'tailwind.config';
 
 const TailwindTheme = resolveConfig(tailwindConfig as any);
 const screenSize = TailwindTheme.theme.screens;

apps/templates/next-app-router-with-nativewind/components/ui/grid/index.tsx

@@ -13,7 +13,7 @@ import { cssInterop } from 'nativewind';
 import {
   useBreakpointValue,
   getBreakPointValue,
-} from '../../hooks/use-break-point-value';
+} from '../utils/use-break-point-value';
 
 const { width: DEVICE_WIDTH } = Dimensions.get('window');
 

apps/templates/next-app-router-with-nativewind/components/ui/utils/use-break-point-value.ts

@@ -2,7 +2,7 @@ import { Dimensions, useWindowDimensions } from 'react-native';
 import { useEffect, useState } from 'react';
 
 import resolveConfig from 'tailwindcss/resolveConfig';
-import tailwindConfig from 'tailwind.config';
+import * as tailwindConfig from 'tailwind.config';
 
 const TailwindTheme = resolveConfig(tailwindConfig as any);
 const screenSize = TailwindTheme.theme.screens;