From 7cda322656f60d80b32b6e333c7703a1334ef96a Mon Sep 17 00:00:00 2001
From: Will Chou <will.chou@qlik.com>
Date: Sun, 6 Oct 2024 14:10:02 -0400
Subject: [PATCH 1/2] the new hook

---
 src/demos/ContextChangeDemo.tsx | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/src/demos/ContextChangeDemo.tsx b/src/demos/ContextChangeDemo.tsx
index 683c991..bbd656f 100644
--- a/src/demos/ContextChangeDemo.tsx
+++ b/src/demos/ContextChangeDemo.tsx
@@ -5,6 +5,7 @@ import {
   OpenFeatureProvider,
   useBooleanFlagDetails,
   useFlag,
+  useContextMutator,
 } from "@openfeature/react-sdk";
 import { Suspense } from "react";
 import { useSearchParams } from "react-router-dom";
@@ -74,14 +75,18 @@ function Content() {
 }
 
 function ContextChangeButton() {
+  const {
+    mutateContext,
+  } = useContextMutator();
+  
   return (
     <span>
       <span>Click </span>
       <button
         onClick={() => {
-          OpenFeature.setContext(PROVIDER_NAME, {
+          mutateContext(PROVIDER_NAME, {
             silly: !OpenFeature.getContext(PROVIDER_NAME).silly,
-          });
+          })
         }}
       >
         here

From f37509bc19064d1eeaec80910ac4eb73b126a189 Mon Sep 17 00:00:00 2001
From: Michael Beemer <beeme1mr@users.noreply.github.com>
Date: Fri, 6 Dec 2024 12:54:49 -0500
Subject: [PATCH 2/2] Update src/demos/ContextChangeDemo.tsx

Signed-off-by: Michael Beemer <beeme1mr@users.noreply.github.com>
---
 src/demos/ContextChangeDemo.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/demos/ContextChangeDemo.tsx b/src/demos/ContextChangeDemo.tsx
index bbd656f..1673706 100644
--- a/src/demos/ContextChangeDemo.tsx
+++ b/src/demos/ContextChangeDemo.tsx
@@ -86,7 +86,7 @@ function ContextChangeButton() {
         onClick={() => {
           mutateContext(PROVIDER_NAME, {
             silly: !OpenFeature.getContext(PROVIDER_NAME).silly,
-          })
+          });
         }}
       >
         here