fix: Add types for ElementsRenderer (#733)

4Catalyzer · Aug 10, 2020 · 11c443b · 11c443b
1 parent c1f7545
commit 11c443b
Show file tree

Hide file tree

Showing 3 changed files with 16 additions and 1 deletion.
diff --git a/types/ElementsRenderer.d.ts b/types/ElementsRenderer.d.ts
@@ -0,0 +1,3 @@
+// TypeScript Version: 3.0
+
+export { ElementsRenderer as default, ElementsRendererProps } from 'found';
diff --git a/types/createRender.d.ts b/types/createRender.d.ts
@@ -4,6 +4,7 @@ export {
   createRender as default,
   CreateRenderOptions,
   RenderArgs,
+  RenderArgsElements,
   RenderErrorArgs,
   RenderPendingArgs,
   RenderReadyArgs,

diff --git a/types/index.d.ts b/types/index.d.ts
@@ -410,8 +410,13 @@ export function createMatchEnhancer(
 
 export type RenderPendingArgs = Match;
 
+// This is the folded resolver output from resolveRenderArgs.
+export type RenderArgsElements = Array<
+  ResolvedElement | Record<string, ResolvedElement[]>
+>;
+
 export interface RenderReadyArgs extends Match {
-  elements: Array<ResolvedElement | Record<string, ResolvedElement[]>>;
+  elements: RenderArgsElements;
 }
 
 export interface RenderErrorArgs extends Match {
@@ -496,6 +501,12 @@ export function createInitialBrowserRouter(
   options: InitialBrowserRouterOptions,
 ): Promise<BrowserRouter>;
 
+export interface ElementsRendererProps {
+  elements: RenderArgsElements;
+}
+
+export type ElementsRenderer = React.ComponentType<ElementsRendererProps>;
+
 export interface GetStoreRenderArgsOptions {
   store: Store;
   getFound?: (store: Store) => FoundState;