diff --git a/__tests__/native-inline/allow-modules-with-content/code.tsx b/__tests__/native-inline/allow-modules-with-content/code.tsx
new file mode 100644
index 0000000..d0ca039
--- /dev/null
+++ b/__tests__/native-inline/allow-modules-with-content/code.tsx
@@ -0,0 +1,16 @@
+import { Text } from "react-native";
+import { TailwindProvider } from "tailwindcss-react-native";
+import { MotiText } from "moti";
+import {TestComponent} from "./test";
+
+export function Test() {
+  return (
+    <TailwindProvider>
+      <Text className="font-bold">Hello world!</Text>
+      <MotiText className="font-bold">Should be the untransformed</MotiText>
+      <TestComponent className="font-bold">
+        Should be the untransformed
+      </TestComponent>
+    </TailwindProvider>
+  );
+}
diff --git a/__tests__/native-inline/allow-modules-with-content/options.json b/__tests__/native-inline/allow-modules-with-content/options.json
new file mode 100644
index 0000000..fd9bf18
--- /dev/null
+++ b/__tests__/native-inline/allow-modules-with-content/options.json
@@ -0,0 +1,4 @@
+{
+  "allowModules": ["react-native"],
+  "tailwindConfigPath": "./allow-modules-with-content/tailwind.config.js"
+}
diff --git a/__tests__/native-inline/allow-modules-with-content/output.tsx b/__tests__/native-inline/allow-modules-with-content/output.tsx
new file mode 100644
index 0000000..25de7ee
--- /dev/null
+++ b/__tests__/native-inline/allow-modules-with-content/output.tsx
@@ -0,0 +1,32 @@
+import { StyleSheet } from "react-native";
+import { useTailwind } from "tailwindcss-react-native";
+import { Text } from "react-native";
+import { TailwindProvider } from "tailwindcss-react-native";
+import { MotiText } from "moti";
+import { TestComponent } from "./test";
+export function Test() {
+  return (
+    <TailwindProvider>
+      <Text
+        style={useTailwind("font-bold", {
+          styles: __tailwindStyles,
+          media: __tailwindMedia,
+        })}
+      >
+        Hello world!
+      </Text>
+      <MotiText className="font-bold">Should be the untransformed</MotiText>
+      <TestComponent className="font-bold">
+        Should be the untransformed
+      </TestComponent>
+    </TailwindProvider>
+  );
+}
+
+const __tailwindStyles = StyleSheet.create({
+  "font-bold": {
+    fontWeight: "700",
+  },
+});
+
+const __tailwindMedia = {};
diff --git a/__tests__/native-inline/allow-modules-with-content/tailwind.config.js b/__tests__/native-inline/allow-modules-with-content/tailwind.config.js
new file mode 100644
index 0000000..dde0bfd
--- /dev/null
+++ b/__tests__/native-inline/allow-modules-with-content/tailwind.config.js
@@ -0,0 +1,3 @@
+module.exports = {
+  content: [`${__dirname}/code.{js,ts,jsx,tsx}`],
+};
diff --git a/__tests__/native-inline/allow-modules-with-content/test.tsx b/__tests__/native-inline/allow-modules-with-content/test.tsx
new file mode 100644
index 0000000..740ee70
--- /dev/null
+++ b/__tests__/native-inline/allow-modules-with-content/test.tsx
@@ -0,0 +1,5 @@
+import { Text, TextProps } from "react-native";
+
+export function TestComponent(props: TextProps & { className?: string }) {
+  return <Text {...props}>Hello world!</Text>;
+}