TDSProvider는 어디에 설정을 하는 건가요?

개발
1 
import { TDSProvider } from '@toss/tds-react-native';
 
function App({ Component, pageProps }) {
  return (
    <TDSProvider>
      <Component {...pageProps} />
    </TDSProvider>
  );
}

가이드에 나와있는 App.tsx가 없는데요, 생성을 해야 하는 부분일까요 ?

2

기본 프로젝트 만들어지는 것 기준으로 src/_app.tsx에서 적용하시면 됩니다.

아래와 같은 식으로요.

import { AppsInToss } from '@apps-in-toss/framework';
import { PropsWithChildren } from 'react';
import { InitialProps } from '@granite-js/react-native';
import { context } from '../require.context';
import { DataProvider } from '../context/DataContext';
import { TDSProvider } from '@toss-design-system/react-native';

function AppContainer({ children }: PropsWithChildren<InitialProps>) {
  return <TDSProvider><DataProvider>{children}</DataProvider></TDSProvider>;
}

export default AppsInToss.registerApp(AppContainer, { context });