This simple ReactJS project which created with use of OpenAI API. For your reference.

If you getting access error, you can find out below screenshot.

If you need it feel free to clone it and use it.

git clone https://github.com/sherksiva/Open-AI-Chat-Bot
cd Open-AI-Chat-Bot
npm install

Go to the src folder and copy the components folder and its contents to your react project.

Import Components

import ReactAiBot from './components/ReactAiBot';

Use like below

<ReactAiBot apiKey="your apiKey" />

Code Example (App.js)

import ReactAiBot from './components/ReactAiBot';
import './App.css';

function App() {
  return (
    <>
      <ReactAiBot apiKey="your apiKey" />
    </>
  );
}

export default App;