diff --git a/web/src/api/mqtt.jsx b/web/src/api/mqtt.jsx
index 2e38af6ea..5ec59e7dc 100644
--- a/web/src/api/mqtt.jsx
+++ b/web/src/api/mqtt.jsx
@@ -75,7 +75,7 @@ export function MqttProvider({
 export function useMqtt(watchTopic, publishTopic, defaultValue = null) {
   const { state, ws } = useContext(Mqtt);
 
-  const value = state[watchTopic] || { payload: null };
+  const value = state[watchTopic] || { payload: defaultValue };
 
   const send = useCallback(
     (payload) => {