diff --git a/__tests__/use-tailwind.native.tsx b/__tests__/use-tailwind.native.tsx
index ddf8c5d..38aa491 100644
--- a/__tests__/use-tailwind.native.tsx
+++ b/__tests__/use-tailwind.native.tsx
@@ -1,5 +1,8 @@
 import { PropsWithChildren } from "react";
-import { useWindowDimensions as RNuseWindowDimensions } from "react-native";
+import {
+  TextStyle,
+  useWindowDimensions as RNuseWindowDimensions,
+} from "react-native";
 import { renderHook } from "@testing-library/react-hooks";
 import { useTailwind } from "../src/use-tailwind.native";
 import { TailwindProvider, TailwindProviderProps } from "../src/provider";
@@ -76,7 +79,7 @@ describe("native", () => {
   });
 
   test("can flatten properties", () => {
-    const { result } = renderHook(() => useTailwind()("font-bold"), {
+    const { result } = renderHook(() => useTailwind<TextStyle>()("font-bold"), {
       wrapper,
       initialProps: {
         platform: "native",
diff --git a/src/use-tailwind.ts b/src/use-tailwind.ts
index 08da6da..4a6d523 100644
--- a/src/use-tailwind.ts
+++ b/src/use-tailwind.ts
@@ -7,7 +7,7 @@ export type RWNCssStyle = {
   tailwindClassName: string;
 };
 
-export type UseTailwindCallback<P> = (className?: string) => StyleProp<P>;
+export type UseTailwindCallback<P> = (className?: string) => StyleProp<P> & P;
 
 export interface UseTailwindOptions {
   siblingClassName?: string;