× Error: Objects are not valid as a React child (found: object with keys {color}). If you meant to r

Error: Objects are not valid as a React child (found: object with keys {
   color}). 
If you meant to render a collection of children, use an array instead.

这是我在学习React-hook的useContext时报的一个错
先看一下中文翻译：
大概意思就是：对象不能作为React组件。

报错原因：
代码太长我就不沾了，直接分析原因。
我在A组件里使用export const colorContext = createContext()创建共享对象之后，
使用JSX暴露出去：

return