React Native runtime errors in the "Fullstack Traditional" example

[MatteoGauthier]

I tried to start the "Fullstack Traditional - Drizzle, Postgres, Tamagui" example, I followed the README.md instructions and when I started One app in my iOS simulator I got the following issues while using the app :

Cannot read property 'avatar' of undefined
[error] Warning: TypeError: Cannot read property 'map' of undefined

Screenshots

[natew]

This looks like the loader data isn't available on React Native. On native, loaders that run on the server during SSR don't automatically run since there's no server during native app execution.

For the Fullstack Traditional template to work on native, you'll need to:

1. Use API routes: Instead of relying on server-side loader data, fetch from API routes using fetch() in a useEffect or use a data fetching library like React Query/TanStack Query
2. Handle undefined data: Add null checks for user data before accessing properties like user?.avatar and items?.map(...)

The pattern would be:

const [data, setData] = useState(null)

useEffect(() => {
  fetch('/api/users').then(r => r.json()).then(setData)
}, [])

if (!data) return <Loading />
// Now safely use data

This is a common pattern for universal apps where the same component needs to work both on web (with SSR/loaders) and on native (with client-side data fetching).