Function ConditionalComponent

src/react.test.tsx:613–633

()

			const noteStore = store({ id: 5, title: "Story" });

			function ConditionalComponent() {
				const id = useStoreValue(idStore);
				const title = useStoreValue(noteStore, (value) => {
					if (id === value.id) {
						return value.title;
					}
				});

				return (
					<div>
						<span data-testid="result">{title ?? "undefined"}</span>
						<button
							type="button"
							data-testid="increment"
							onClick={() => idStore.set((n) => n + 1)}
						>
							Increment
						</button>
					</div>
				);
			}

			render(<ConditionalComponent />);