diff --git a/packages/example/src/routes/effect-component-tests.tsx b/packages/example/src/routes/effect-component-tests.tsx index 96a868a..b4f1fa4 100644 --- a/packages/example/src/routes/effect-component-tests.tsx +++ b/packages/example/src/routes/effect-component-tests.tsx @@ -42,10 +42,10 @@ const MyRoute = pipe( const service = yield* TestService const [value] = yield* ReactHook.useSubscribeRefs(service.ref) - const MyTestComponentFC = yield* Effect.provide( - ReactComponent.useFC(MyTestComponent), - yield* ReactHook.useMemoLayer(SubService.Default), - ) + // const MyTestComponentFC = yield* Effect.provide( + // ReactComponent.useFC(MyTestComponent), + // yield* ReactHook.useMemoLayer(SubService.Default), + // ) return <> @@ -59,8 +59,17 @@ const MyRoute = pipe( Effect.provide(yield* ReactHook.useMemoLayer(SubService.Default)) )} */} - {Array.range(0, 3).map(k => + {/* {Array.range(0, 3).map(k => + )} */} + + {yield* pipe( + Array.range(0, 3), + Array.map(k => ReactComponent.use(MyTestComponent, FC => + + )), + Effect.all, + Effect.provide(yield* ReactHook.useMemoLayer(SubService.Default)), )} }),