#DataSourceProvider

1interface DataSourceProviderProps {
2  dataSource?: string;
3  children?: ReactNode;
4}

1const MyComponent = () => {
2  return (
3    <DataSourceProvider dataSource="main">
4      <MyChildComponent />
5    </DataSourceProvider>
6  );
7}

1function useDataSource(): DataSource;

1const MyComponent = () => {
2  const dataSource = useDataSource();
3  return <div>{dataSource.displayName}</div>
4}

1function useDataSourceKey(): string;

1const MyComponent = () => {
2  const dataSourceKey = useDataSourceKey();
3  return <div>{dataSourceKey}</div>
4}