diff --git a/cli/src/templates/base/components/Button.tsx.ejs b/cli/src/templates/base/components/Button.tsx.ejs
index c5d8249c..00f5a1d9 100644
--- a/cli/src/templates/base/components/Button.tsx.ejs
+++ b/cli/src/templates/base/components/Button.tsx.ejs
@@ -1,11 +1,11 @@
 import { forwardRef } from 'react';
-import { StyleSheet, Text, TouchableOpacity, TouchableOpacityProps } from 'react-native';
+import { StyleSheet, Text, TouchableOpacity, TouchableOpacityProps, View } from 'react-native';
 
 type ButtonProps = {
   title?: string;
 } & TouchableOpacityProps;
 
-export const Button = forwardRef<TouchableOpacity, ButtonProps>(({ title, ...touchableProps }, ref) => {
+export const Button = forwardRef<View, ButtonProps>(({ title, ...touchableProps }, ref) => {
   return (
     <TouchableOpacity ref={ref} {...touchableProps} style={[styles.button, touchableProps.style]}>
       <Text style={styles.buttonText}>{title}</Text>
diff --git a/cli/src/templates/packages/nativewind/components/Button.tsx.ejs b/cli/src/templates/packages/nativewind/components/Button.tsx.ejs
index b1e1a2e9..b3e417e1 100644
--- a/cli/src/templates/packages/nativewind/components/Button.tsx.ejs
+++ b/cli/src/templates/packages/nativewind/components/Button.tsx.ejs
@@ -1,11 +1,11 @@
 import { forwardRef } from 'react';
-import { Text, TouchableOpacity, TouchableOpacityProps } from 'react-native';
+import { Text, TouchableOpacity, TouchableOpacityProps, View } from 'react-native';
 
 type ButtonProps = {
   title: string;
 } & TouchableOpacityProps;
 
-export const Button = forwardRef<TouchableOpacity, ButtonProps>(({ title, ...touchableProps }, ref) => {
+export const Button = forwardRef<View, ButtonProps>(({ title, ...touchableProps }, ref) => {
   return (
     <TouchableOpacity ref={ref} {...touchableProps} className={`${styles.button} ${touchableProps.className}`}>
       <Text className={styles.buttonText}>{title}</Text>
diff --git a/cli/src/templates/packages/nativewindui/components/Button.tsx.ejs b/cli/src/templates/packages/nativewindui/components/Button.tsx.ejs
index c5d8249c..00f5a1d9 100644
--- a/cli/src/templates/packages/nativewindui/components/Button.tsx.ejs
+++ b/cli/src/templates/packages/nativewindui/components/Button.tsx.ejs
@@ -1,11 +1,11 @@
 import { forwardRef } from 'react';
-import { StyleSheet, Text, TouchableOpacity, TouchableOpacityProps } from 'react-native';
+import { StyleSheet, Text, TouchableOpacity, TouchableOpacityProps, View } from 'react-native';
 
 type ButtonProps = {
   title?: string;
 } & TouchableOpacityProps;
 
-export const Button = forwardRef<TouchableOpacity, ButtonProps>(({ title, ...touchableProps }, ref) => {
+export const Button = forwardRef<View, ButtonProps>(({ title, ...touchableProps }, ref) => {
   return (
     <TouchableOpacity ref={ref} {...touchableProps} style={[styles.button, touchableProps.style]}>
       <Text style={styles.buttonText}>{title}</Text>
diff --git a/cli/src/templates/packages/nativewindui/theme/index.ts.ejs b/cli/src/templates/packages/nativewindui/theme/index.ts.ejs
index af673a9c..57394467 100644
--- a/cli/src/templates/packages/nativewindui/theme/index.ts.ejs
+++ b/cli/src/templates/packages/nativewindui/theme/index.ts.ejs
@@ -1,7 +1,7 @@
 import { Theme } from '@react-navigation/native';
 import { COLORS } from './colors';
 
-const NAV_THEME: { light: Theme; dark: Theme } = {
+const NAV_THEME: { light: Partial<Theme>; dark: Partial<Theme> } = {
   light: {
     dark: false,
     colors: {
diff --git a/cli/src/templates/packages/restyle/components/Button.tsx.ejs b/cli/src/templates/packages/restyle/components/Button.tsx.ejs
index c05f5d89..39b96837 100644
--- a/cli/src/templates/packages/restyle/components/Button.tsx.ejs
+++ b/cli/src/templates/packages/restyle/components/Button.tsx.ejs
@@ -1,12 +1,12 @@
 import { forwardRef } from 'react';
-import { TouchableOpacity, TouchableOpacityProps } from 'react-native';
+import { TouchableOpacity, TouchableOpacityProps, View } from 'react-native';
 import { Text, makeStyles } from 'theme';
 
 type ButtonProps = {
   title?: string;
 } & TouchableOpacityProps;
 
-export const Button = forwardRef<TouchableOpacity, ButtonProps>(({ title, ...touchableProps }, ref) => {
+export const Button = forwardRef<View, ButtonProps>(({ title, ...touchableProps }, ref) => {
   const styles = useStyles();
 
   return (
diff --git a/cli/src/templates/packages/unistyles/components/Button.tsx.ejs b/cli/src/templates/packages/unistyles/components/Button.tsx.ejs
index 5b9730a4..84696ca3 100644
--- a/cli/src/templates/packages/unistyles/components/Button.tsx.ejs
+++ b/cli/src/templates/packages/unistyles/components/Button.tsx.ejs
@@ -1,5 +1,5 @@
 import { forwardRef } from 'react';
-import { Text, TouchableOpacity, TouchableOpacityProps } from 'react-native';
+import { Text, TouchableOpacity, TouchableOpacityProps, View } from 'react-native';
 import { useStyles } from 'react-native-unistyles';
 
 type ButtonProps = {
@@ -7,7 +7,7 @@ type ButtonProps = {
 } & TouchableOpacityProps;
 
 
-export const Button = forwardRef<TouchableOpacity, ButtonProps>(({ title, ...touchableProps }, ref) => {
+export const Button = forwardRef<View, ButtonProps>(({ title, ...touchableProps }, ref) => {
   const { theme } = useStyles();
 
   return (