client/src/ChatPage/ChatPage.jsx

import React, { useEffect, useState } from 'react';
import Chat from '../components/Chat';
import SideBar from '../components/SideBar';
import { SocketProvider } from '../contexts/SocketProvider';
import { ChatProvider } from '../contexts/ChatProvider';

function ChatPage() {
  return (
    <>
      <SocketProvider>
        <ChatProvider>
          <SideBar />
          <Chat />
        </ChatProvider>
      </SocketProvider>
    </>
  );
}

export default ChatPage;