| 130 | * Renders a component with all our app providers |
| 131 | */ |
| 132 | export const renderComponent = async ( |
| 133 | element: ReactElement, |
| 134 | options: { |
| 135 | initializeState?: InitializeStateFn; |
| 136 | initialRouterEntries?: string[]; |
| 137 | queryClient?: QueryClient; |
| 138 | } = {}, |
| 139 | ) => { |
| 140 | const initializeState: InitializeStateFn = ({ set }) => |
| 141 | setFakeEnvironment(set, defaultRegionId, healthyEnvironment); |
| 142 | const ProviderWrapper = await createProviderWrapper({ |
| 143 | initializeState: options.initializeState ?? initializeState, |
| 144 | router: { |
| 145 | type: "MEMORY_ROUTER", |
| 146 | initialRouterEntries: options.initialRouterEntries, |
| 147 | }, |
| 148 | queryClient: options.queryClient, |
| 149 | }); |
| 150 | |
| 151 | return render(<ProviderWrapper>{element}</ProviderWrapper>); |
| 152 | }; |
| 153 | |
| 154 | export interface ProviderWrapperProps { |
| 155 | initializeState?: InitializeStateFn; |