다음 코드는 오류가 발생하는 코드입니다.

App.js

import React from 'react';
import ColorBox from './components/ColorBox';
import ColorContext from './contexts/color';
 
const App = () => {
  return (
    <ColorContext.Provider>
      <div>
        <ColorBox />
      </div>
    </ColorContext.Provider>
  );
};
 
export default App;

---

 

Provider를 사용할 때는 value 값을 명시해 주어야 제대로 작동한다는 것을 꼭 기억하세요!