Unable to resolve "ai/react" in React Native

[timothymiller]

I am trying to use the following code in React Native:

import { useCompletion } from 'ai/react'

const { completion, input, stop, isLoading, handleInputChange, handleSubmit } = useCompletion()

Behavior

It throws this exception when starting the app:

Unable to resolve "ai/react"

Is this package supported in React environments? Or only Next.js?

[Death666Machine]

Also experiencing this issue.

[karaggeorge]

Might have to enable https://reactnative.dev/blog/2023/06/21/package-exports-support#enabling-package-exports-beta

/react is a package export field, defined here

[karaggeorge]

Looking a bit more into it, even if the package resolution is fixed, it doesn't seem to work with React Native yet because this package uses streams, and RN hasn't yet implemented streams for their fetch API

[sebnun]

Looks like now there is a fetch implementation that support streams in React Native
https://github.com/react-native-community/fetch

Would it be possible to use this with ai/react ?

[MaxLeiter]

@sebnun I gave it a quick try and couldn't make it work, but it may be possible.

[MaxLeiter]

As this isn't really a problem with the ai ibrary, I'm going to convert it to a discussion.