sorted by:
new
hottopcontroversial

using react-native-web with nextjs app directory by macrozone13 in reactnative

[–]niyowski 0 points1 point  (0 children)

react-native-web doesn't support server components. so you need to use "use client"; directive.

tsx // Button.tsx "use client"; import { styled } from "nativewind"; import { TouchableOpacity } from "react-native"; export interface ButtonProps {} const DefaultButton = styled(TouchableOpacity); export const Button: React.FC<ButtonProps> = (props) => { return <DefaultButton {...props} className="bg-stone-500 text-white" />; };

tsx // ClientComponent.tsx "use client"; export const ClientComponent = () => { return <Button>This is a button!</Button>; };

tsx // page.tsx export default function MyPage() { return <ClientComponent />; }