27 lines
940 B
TypeScript
27 lines
940 B
TypeScript
import React, { ComponentType, ReactNode } from "react";
|
||
|
||
type Provider = ComponentType<{ children: ReactNode }>;
|
||
|
||
export const buildProvidersTree = (providers: Provider[]): Provider => {
|
||
if (!providers || providers.length === 0) {
|
||
throw new Error("ContextProviderが不足しています");
|
||
}
|
||
|
||
// 基本ケース：ContextProviderが1つしか残っていない場合、それを返して終了する
|
||
if (providers.length === 1) {
|
||
return providers[0];
|
||
}
|
||
|
||
// 配列から最初の2つのContextProviderを取り出す
|
||
const [FirstProvider, SecondProvider, ...restProviders] = providers;
|
||
|
||
// 最初の2つのContextProviderをネストした新しいContextProviderを作成し、再帰する
|
||
const CombinedProvider: Provider = ({ children }) => (
|
||
<FirstProvider>
|
||
<SecondProvider>{children}</SecondProvider>
|
||
</FirstProvider>
|
||
);
|
||
|
||
return buildProvidersTree([CombinedProvider, ...restProviders]);
|
||
};
|