diff --git a/examples/simple-chatbot/client/react/src/App.tsx b/examples/simple-chatbot/client/react/src/App.tsx index a1e91c74e..93e4599e0 100644 --- a/examples/simple-chatbot/client/react/src/App.tsx +++ b/examples/simple-chatbot/client/react/src/App.tsx @@ -1,17 +1,18 @@ import { RTVIClientAudio, RTVIClientVideo, + useRTVIClient, useRTVIClientTransportState, -} from '@pipecat-ai/client-react'; -import { RTVIProvider } from './providers/RTVIProvider'; -import { ConnectButton } from './components/ConnectButton'; -import { StatusDisplay } from './components/StatusDisplay'; -import { DebugDisplay } from './components/DebugDisplay'; -import './App.css'; +} from "@pipecat-ai/client-react"; +import { RTVIProvider } from "./providers/RTVIProvider"; +import { ConnectButton } from "./components/ConnectButton"; +import { StatusDisplay } from "./components/StatusDisplay"; +import { DebugDisplay } from "./components/DebugDisplay"; +import "./App.css"; function BotVideo() { const transportState = useRTVIClientTransportState(); - const isConnected = transportState !== 'disconnected'; + const isConnected = transportState !== "disconnected"; return (