HausApp/.agents/skills/vercel-react-native-skills/rules/rendering-text-in-text-component.md

title, impact, impactDescription, tags

title	impact	impactDescription	tags
Wrap Strings in Text Components	CRITICAL	prevents runtime crash	rendering, text, core

Wrap Strings in Text Components

Strings must be rendered inside <Text>. React Native crashes if a string is a direct child of <View>.

Incorrect (crashes):

import { View } from "react-native";

function Greeting({ name }: { name: string }) {
  return <View>Hello, {name}!</View>;
}
// Error: Text strings must be rendered within a <Text> component.

Correct:

import { View, Text } from "react-native";

function Greeting({ name }: { name: string }) {
  return (
    <View>
      <Text>Hello, {name}!</Text>
    </View>
  );
}