@opentiny/next-react v0.0.1-alpha.0

@opentiny/next-react

快速开始

App.tsx

import { useState } from 'react'
import { useNextClient, McpContext } from '@opentiny/next-react'
import MyPage from './MyPage'

function App() {
  const { sessionId, transport } = useNextClient({
    clientInfo: { name: 'my-project', version: '1.0.0' },
    proxyOptions: { url: 'http://xxx/sse', token: '' }
  })

  return (
    <>
      <p>sessionId: {sessionId}</p>
      <McpContext.Provider value={{ transport }}>
        <MyPage />
      </McpContext.Provider>
    </>
  )
}

export default App

MyPage.tsx

import { useState, useContext } from 'react'
import { useNextServer, McpContext } from '@opentiny/next-react'

function MyPage() {
  const { transport } = useContext(McpContext)
  const { server } = useNextServer({
    transport,
    serverInfo: { name: 'my-page', version: '1.0.0' },
  })

  return (
    <div>MyPage</div>
  )
}

export default MyPage