Context Display Problem

[hyperproject016]

import { createContext, useContext, useState } from "react";

const ChatContext = createContext();

export const ChatProvider = ({ children }) => {
const [messages, setMessages] = useState([
{ message: "hi" },
{ message: "HelloWorld!!" },
]);

const values = {
messages,
setMessages,
};
return <ChatContext.Provider>{children}</ChatContext.Provider>;
};

export const useChat = () => useContext(ChatContext);

This is how I created the context but I can't use it on the page. Why can't the data I load into the context appear?

[enes9103]

You should send the data you created with hello context to your page (ChatContext.Provider). I think the error comes from here. You can modify the code block below.

return <ChatContext.Provider value={values}>{children}</ChatContext.Provider>;

[hyperproject016]

Thank you so much. This is true. I missed it