# Context Provider

## Creating a Context Provider

We can create a `Context Provider` using`React.createContext()`

```jsx
const ThemeContext = React.createContext();
```

&#x20;Then we pass a `value prop` to the `Provider` for using it by different component of our app.

```jsx
ReactDOM.render(
    <ThemeContext.Provider value={"dark"}>
        <App />
    </ThemeContext.Provider>, 
    document.getElementById("root")
)

```
