fix: fix react types

Author: Augustach

package.json

@@ -23,12 +23,12 @@
     "@tsconfig/react-native": "^3.0.5",
     "@types/jest": "^29.5.11",
     "@types/node": "^20.10.5",
-    "@types/react": "^18.3.1",
+    "@types/react": "^18.3.12",
     "jest": "^29.7.0",
     "prettier": "^3.3.2",
     "react": "^18.3.1",
     "react-native": "^0.74.1",
-    "typescript": "^5.4.5"
+    "typescript": "^5.6.3"
   },
   "peerDependencies": {
     "react": ">=18.2.0",

src/styled.tsx

@@ -72,8 +72,8 @@ export function createStyled<Theme extends AnyTheme>() {
 
       // Component
       type ThemedProps = Themed<UnknownProps, Theme>
-      const StyledComponent = React.forwardRef(
-        (props: PropsWithChildren<ThemedProps & AnyStyleProps & AsComponentProps>, ref: React.ForwardedRef<unknown>) => {
+      const StyledComponent = React.forwardRef<unknown, PropsWithChildren<ThemedProps & AnyStyleProps & AsComponentProps>>(
+        (props, ref) => {
           try {
             const theme = useContext(ThemeContext)
             let propsForElement: ThemedProps = Object.assign({}, props, { theme, ref })
@@ -91,7 +91,7 @@ export function createStyled<Theme extends AnyTheme>() {
               style = ([style] as Array<StyleProp<UnknownStyles>>).concat(styleFromProps)
             }
             propsForElement.style = style
-            propsForElement.theme = props.theme
+            propsForElement.theme = props.theme as Theme
 
             const CastedComponent = (propsForElement.as ?? origin) as AnyComponent
             return createElement(CastedComponent, propsForElement)

yarn.lock

@@ -2162,13 +2162,13 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@types/react@npm:^18.3.1":
-  version: 18.3.1
-  resolution: "@types/react@npm:18.3.1"
+"@types/react@npm:^18.3.12":
+  version: 18.3.12
+  resolution: "@types/react@npm:18.3.12"
   dependencies:
     "@types/prop-types": "npm:*"
     csstype: "npm:^3.0.2"
-  checksum: 10c0/18d856c12a4ec93f3cda2d58ef3d77a9480818afd3af895f812896fb82cfca1f35a692ab1add4ce826a4eb58a071624c7d1c8c6c4ccfb81c100d2916dc607614
+  checksum: 10c0/8bae8d9a41619804561574792e29112b413044eb0d53746dde2b9720c1f9a59f71c895bbd7987cd8ce9500b00786e53bc032dced38cddf42910458e145675290
   languageName: node
   linkType: hard
 
@@ -6723,14 +6723,14 @@ __metadata:
     "@tsconfig/react-native": "npm:^3.0.5"
     "@types/jest": "npm:^29.5.11"
     "@types/node": "npm:^20.10.5"
-    "@types/react": "npm:^18.3.1"
+    "@types/react": "npm:^18.3.12"
     css-to-react-native: "npm:^3.2.0"
     jest: "npm:^29.7.0"
     postcss: "npm:^8.4.38"
     prettier: "npm:^3.3.2"
     react: "npm:^18.3.1"
     react-native: "npm:^0.74.1"
-    typescript: "npm:^5.4.5"
+    typescript: "npm:^5.6.3"
   peerDependencies:
     react: ">=18.2.0"
     react-native: ">=0.73.0"
@@ -6915,23 +6915,23 @@ __metadata:
   languageName: node
   linkType: hard
 
-"typescript@npm:^5.4.5":
-  version: 5.4.5
-  resolution: "typescript@npm:5.4.5"
+"typescript@npm:^5.6.3":
+  version: 5.6.3
+  resolution: "typescript@npm:5.6.3"
   bin:
     tsc: bin/tsc
     tsserver: bin/tsserver
-  checksum: 10c0/2954022ada340fd3d6a9e2b8e534f65d57c92d5f3989a263754a78aba549f7e6529acc1921913560a4b816c46dce7df4a4d29f9f11a3dc0d4213bb76d043251e
+  checksum: 10c0/44f61d3fb15c35359bc60399cb8127c30bae554cd555b8e2b46d68fa79d680354b83320ad419ff1b81a0bdf324197b29affe6cc28988cd6a74d4ac60c94f9799
   languageName: node
   linkType: hard
 
-"typescript@patch:typescript@npm%3A^5.4.5#optional!builtin<compat/typescript>":
-  version: 5.4.5
-  resolution: "typescript@patch:typescript@npm%3A5.4.5#optional!builtin<compat/typescript>::version=5.4.5&hash=5adc0c"
+"typescript@patch:typescript@npm%3A^5.6.3#optional!builtin<compat/typescript>":
+  version: 5.6.3
+  resolution: "typescript@patch:typescript@npm%3A5.6.3#optional!builtin<compat/typescript>::version=5.6.3&hash=5adc0c"
   bin:
     tsc: bin/tsc
     tsserver: bin/tsserver
-  checksum: 10c0/db2ad2a16ca829f50427eeb1da155e7a45e598eec7b086d8b4e8ba44e5a235f758e606d681c66992230d3fc3b8995865e5fd0b22a2c95486d0b3200f83072ec9
+  checksum: 10c0/ac8307bb06bbfd08ae7137da740769b7d8c3ee5943188743bb622c621f8ad61d244767480f90fbd840277fbf152d8932aa20c33f867dea1bb5e79b187ca1a92f
   languageName: node
   linkType: hard