이렇게 LogContextProvider라는 컴포넌트를 따로 만들어줬습니다. 내부에서는 useState를 사용해 간단한 문자열 상태 값을 관리하고, Provider의 value에는 text와 setText를 넣어줬습니다.

컴포넌트를 다 만들었으면, App에서 기존에 사용한 LogContext.Provider를 지우고 LogContext
Provider를 사용하세요.

App.js

import React from 'react';
import {NavigationContainer} from '@react-navigation/native';
import RootStack from './screens/RootStack';
import {LogContextProvider} from './contexts/LogContext';

function App() {
  return (
    <NavigationContainer>
      <LogContextProvider>
        <RootStack />
      </LogContextProvider>
    </NavigationContainer>
  );
}

export default App;