[Bug / Documentation] Dev tools Rozenite plugin can't be discovered

[leojalfred]

It seems like documentation for the Rozenite plugin and @react-native-ai/dev-tools at large is a little lacking and/or the functionality just isn't there yet. I've been trying to get it working, but Rozenite can't discover the plugin. I see Rozenite in my dev tools, but it's completely blank. Rozenite docs state that the plugins need a rozenite.json in the dist folder of the dependency to get picked up, but @react-native-ai/dev-tools doesn't have a dist folder or a rozenite.json. I see that it has a rozenite.config.ts, but that doesn't seem to be picked up. When I try to manually include @react-native-ai/dev-tools in the Rozenite config in metro.config.js that doesn't work either. Also the documentation for the setup isn't entirely correct, you can't actually import getAiSdkTracer or useAiSdkDevTools directly from @react-native-ai/dev-tools, you'd have to import them from @react-native-ai/dev-tools/react-native. I'm running expo@55.0.8, @react-native-ai/dev-tools@0.12.0, and @rozenite/metro@1.6.0.

[jestsee]

Same issue here on expo@55, @react-native-ai/dev-tools@0.12.0. Here's what worked for me:

1. Build the package manually (it ships without dist/)

cd node_modules/@react-native-ai/dev-tools
pnpm add react-json-tree  # missing dep, breaks the build without it
pnpm i && pnpm prepare

Replace pnpm with your package manager (npm, yarn, bun)

2. Remove the nested node_modules to avoid "Invalid hook call" errors from duplicate React

rm -rf node_modules/@react-native-ai/dev-tools/node_modules

3. Use the correct import path

import { useAiSdkDevTools } from "@react-native-ai/dev-tools/react-native";

The root import doesn't work as the docs suggest — the /react-native subpath is required.

Here's what the working devtools look like on my end: