new

src/components/Box/index.tsx

@@ -1,4 +1,4 @@
-import React, { FC } from 'react';
+import React, { FC, memo } from 'react';
 
 import { View } from 'react-native';
 import { usePropsResolution } from '../../hooks/usePropsResolution';
@@ -15,4 +15,4 @@ const Box: FC<BoxProps> = ({ children, ...props }) => {
   return <View {...resolvedProps}>{children}</View>;
 };
 
-export default Box;
+export default memo(Box);

src/components/Button/index.tsx

@@ -1,4 +1,4 @@
-import React, { FC } from 'react';
+import React, { FC, memo } from 'react';
 
 import { Button as BtnComp } from 'react-native';
 import { usePropsResolution } from '../../hooks/usePropsResolution';
@@ -10,4 +10,4 @@ const Button: FC<ButtonProps> = ({ children, ...props }) => {
   return <BtnComp {...resolvedProps}>{children}</BtnComp>;
 };
 
-export default Button;
+export default memo(Button);

src/components/Pressable/index.tsx

@@ -1,4 +1,4 @@
-import React, { forwardRef, memo } from 'react';
+import React, { memo } from 'react';
 import { Pressable as RNPressable } from 'react-native';
 import { usePropsResolution } from '../../hooks/usePropsResolution';
 
@@ -108,4 +108,4 @@ const Pressable = (
     );
 };
 
-export default memo(forwardRef(Pressable));
+export default memo(Pressable);

src/components/Text/index.tsx

@@ -1,4 +1,4 @@
-import React, { FC } from 'react';
+import React, { FC, memo } from 'react';
 
 import { Text as TxtComp } from 'react-native';
 import { usePropsResolution } from '../../hooks/usePropsResolution';
@@ -10,4 +10,4 @@ const Text: FC<TextProps> = ({ children, ...props }) => {
   return <TxtComp {...resolvedProps}>{children}</TxtComp>;
 };
 
-export default Text;
+export default memo(Text);

src/contexts/ThemeUiProvider.tsx

@@ -1,4 +1,4 @@
-import React, { FC, ReactNode, useState, createContext } from 'react';
+import React, { FC, ReactNode, useState, createContext, memo } from 'react';
 import defaultTheme, { ThemeUiTypes, ThemeActionTypes } from './theme';
 
 interface ThemeUiProviderProps {
@@ -8,7 +8,7 @@ interface ThemeUiProviderProps {
 
 const ThemeUiContext = createContext<ThemeUiTypes>(defaultTheme);
 const ThemeUiActionContext = createContext<ThemeActionTypes>({
-  setThemeMode: () => {},
+  setThemeMode: () => { },
 });
 
 const ThemeUiProvider: FC<ThemeUiProviderProps> = ({
@@ -31,4 +31,4 @@ const ThemeUiProvider: FC<ThemeUiProviderProps> = ({
 };
 
 export { ThemeUiContext, ThemeUiActionContext };
-export default ThemeUiProvider;
+export default memo(ThemeUiProvider);

src/index.tsx

@@ -6,6 +6,7 @@ import ThemeUiProvider, {
   ThemeUiContext,
 } from './contexts/ThemeUiProvider';
 import { useTheme } from './hooks/useTheme';
+import Pressable from './components/Pressable';
 
 export {
   ThemeUiContext,
@@ -15,4 +16,5 @@ export {
   Text,
   useTheme,
   Button,
+  Pressable
 };