diff --git a/README.md b/README.md
index 3688647a..5be297ce 100644
--- a/README.md
+++ b/README.md
@@ -99,16 +99,15 @@ class MyHomePage extends StatelessWidget {
       appBar: AppBar(
         title: Text(title),
         actions: [
-          IconButton(
-            onPressed: () {
-              brightness.value = brightness() == Brightness.dark
-                  ? Brightness.light
-                  : Brightness.dark;
-            },
-            icon: Icon(brightness() == Brightness.dark
-                ? Icons.light_mode
-                : Icons.dark_mode),
-          ),
+          Builder(builder: (context) {
+            final isDark = brightness.watch(context) == Brightness.dark;
+            return IconButton(
+              onPressed: () {
+                brightness.value = isDark ? Brightness.light : Brightness.dark;
+              },
+              icon: Icon(isDark ? Icons.light_mode : Icons.dark_mode),
+            );
+          }),
         ],
       ),
       body: Center(
@@ -120,7 +119,7 @@ class MyHomePage extends StatelessWidget {
             ),
             Text(
               '${counter.watch(context)}',
-              style: Theme.of(context).textTheme.headlineMedium,
+              style: Theme.of(context).textTheme.headlineMedium!,
             ),
           ],
         ),
diff --git a/packages/flutter_preact_signals/README.md b/packages/flutter_preact_signals/README.md
index 1e03fc17..02a7a057 100644
--- a/packages/flutter_preact_signals/README.md
+++ b/packages/flutter_preact_signals/README.md
@@ -60,16 +60,15 @@ class MyHomePage extends StatelessWidget {
       appBar: AppBar(
         title: Text(title),
         actions: [
-          IconButton(
-            onPressed: () {
-              brightness.value = brightness() == Brightness.dark
-                  ? Brightness.light
-                  : Brightness.dark;
-            },
-            icon: Icon(brightness() == Brightness.dark
-                ? Icons.light_mode
-                : Icons.dark_mode),
-          ),
+          Builder(builder: (context) {
+            final isDark = brightness.watch(context) == Brightness.dark;
+            return IconButton(
+              onPressed: () {
+                brightness.value = isDark ? Brightness.light : Brightness.dark;
+              },
+              icon: Icon(isDark ? Icons.light_mode : Icons.dark_mode),
+            );
+          }),
         ],
       ),
       body: Center(
@@ -81,7 +80,7 @@ class MyHomePage extends StatelessWidget {
             ),
             Text(
               '${counter.watch(context)}',
-              style: Theme.of(context).textTheme.headlineMedium,
+              style: Theme.of(context).textTheme.headlineMedium!,
             ),
           ],
         ),
diff --git a/packages/flutter_preact_signals/example/lib/main.dart b/packages/flutter_preact_signals/example/lib/main.dart
index e4784ff5..2816cf56 100644
--- a/packages/flutter_preact_signals/example/lib/main.dart
+++ b/packages/flutter_preact_signals/example/lib/main.dart
@@ -55,16 +55,15 @@ class MyHomePage extends StatelessWidget {
       appBar: AppBar(
         title: Text(title),
         actions: [
-          IconButton(
-            onPressed: () {
-              brightness.value = brightness() == Brightness.dark
-                  ? Brightness.light
-                  : Brightness.dark;
-            },
-            icon: Icon(brightness() == Brightness.dark
-                ? Icons.light_mode
-                : Icons.dark_mode),
-          ),
+          Builder(builder: (context) {
+            final isDark = brightness.watch(context) == Brightness.dark;
+            return IconButton(
+              onPressed: () {
+                brightness.value = isDark ? Brightness.light : Brightness.dark;
+              },
+              icon: Icon(isDark ? Icons.light_mode : Icons.dark_mode),
+            );
+          }),
         ],
       ),
       body: Center(