fix: stabilize property setter functions by using global options

Property setter functions (setValue, setButtonText, etc.) from
useRive* hooks were unstable because the options object was
recreated on each render, even though useCallback was used for
getProperty. This caused unnecessary re-renders and listener resets.

Extract options to global constants to ensure stable object
references across renders. For useRiveTrigger, use useMemo to
recreate options only when onTrigger changes.

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>

Author: mfazekas

src/hooks/useRiveBoolean.ts

@@ -1,11 +1,14 @@
-import { useCallback } from 'react';
 import {
   type ViewModelBooleanProperty,
   type ViewModelInstance,
 } from '../specs/ViewModel.nitro';
 import type { UseRivePropertyResult } from '../types';
 import { useRiveProperty } from './useRiveProperty';
 
+const BOOLEAN_PROPERTY_OPTIONS = {
+  getProperty: (vmi: ViewModelInstance, p: string) => vmi.booleanProperty(p),
+};
+
 /**
  * Hook for interacting with boolean ViewModel instance properties.
  *
@@ -20,8 +23,6 @@ export function useRiveBoolean(
   const [value, setValue, error] = useRiveProperty<
     ViewModelBooleanProperty,
     boolean
-  >(viewModelInstance, path, {
-    getProperty: useCallback((vmi, p) => vmi.booleanProperty(p), []),
-  });
+  >(viewModelInstance, path, BOOLEAN_PROPERTY_OPTIONS);
   return { value, setValue, error };
 }

src/hooks/useRiveColor.ts

@@ -7,6 +7,10 @@ import { type UseRivePropertyResult } from '../types';
 import { useRiveProperty } from './useRiveProperty';
 import { RiveColor } from '../core/RiveColor';
 
+const COLOR_PROPERTY_OPTIONS = {
+  getProperty: (vmi: ViewModelInstance, p: string) => vmi.colorProperty(p),
+};
+
 /**
  * Hook for interacting with color ViewModel instance properties.
  *
@@ -23,9 +27,7 @@ export function useRiveColor(
   const [rawValue, setRawValue, error] = useRiveProperty<
     ViewModelColorProperty,
     number
-  >(viewModelInstance, path, {
-    getProperty: useCallback((vmi, p) => vmi.colorProperty(p), []),
-  });
+  >(viewModelInstance, path, COLOR_PROPERTY_OPTIONS);
 
   const value =
     rawValue !== undefined ? RiveColor.fromInt(rawValue) : undefined;

src/hooks/useRiveNumber.ts

@@ -1,11 +1,14 @@
-import { useCallback } from 'react';
 import {
   type ViewModelInstance,
   type ViewModelNumberProperty,
 } from '../specs/ViewModel.nitro';
 import type { UseRivePropertyResult } from '../types';
 import { useRiveProperty } from './useRiveProperty';
 
+const NUMBER_PROPERTY_OPTIONS = {
+  getProperty: (vmi: ViewModelInstance, p: string) => vmi.numberProperty(p),
+};
+
 /**
  * Hook for interacting with number ViewModel instance properties.
  *
@@ -20,8 +23,6 @@ export function useRiveNumber(
   const [value, setValue, error] = useRiveProperty<
     ViewModelNumberProperty,
     number
-  >(viewModelInstance, path, {
-    getProperty: useCallback((vmi, p) => vmi.numberProperty(p), []),
-  });
+  >(viewModelInstance, path, NUMBER_PROPERTY_OPTIONS);
   return { value, setValue, error };
 }

src/hooks/useRiveString.ts

@@ -1,11 +1,14 @@
-import { useCallback } from 'react';
 import {
   type ViewModelInstance,
   type ViewModelStringProperty,
 } from '../specs/ViewModel.nitro';
 import type { UseRivePropertyResult } from '../types';
 import { useRiveProperty } from './useRiveProperty';
 
+const STRING_PROPERTY_OPTIONS = {
+  getProperty: (vmi: ViewModelInstance, p: string) => vmi.stringProperty(p),
+};
+
 /**
  * Hook for interacting with string ViewModel instance properties.
  *
@@ -20,8 +23,6 @@ export function useRiveString(
   const [value, setValue, error] = useRiveProperty<
     ViewModelStringProperty,
     string
-  >(viewModelInstance, path, {
-    getProperty: useCallback((vmi, p) => vmi.stringProperty(p), []),
-  });
+  >(viewModelInstance, path, STRING_PROPERTY_OPTIONS);
   return { value, setValue, error };
 }

src/hooks/useRiveTrigger.ts

@@ -1,4 +1,4 @@
-import { useCallback } from 'react';
+import { useCallback, useMemo } from 'react';
 import {
   type ViewModelInstance,
   type ViewModelTriggerProperty,
@@ -9,6 +9,9 @@ import type {
 } from '../types';
 import { useRiveProperty } from './useRiveProperty';
 
+const getTriggerProperty = (vmi: ViewModelInstance, p: string) =>
+  vmi.triggerProperty(p);
+
 /**
  * Hook for interacting with trigger ViewModel instance properties.
  *
@@ -22,13 +25,19 @@ export function useRiveTrigger(
   params?: UseViewModelInstanceTriggerParameters
 ): UseRiveTriggerResult {
   const { onTrigger } = params ?? {};
+
+  const triggerOptions = useMemo(
+    () => ({
+      getProperty: getTriggerProperty,
+      onPropertyEventOverride: onTrigger,
+    }),
+    [onTrigger]
+  );
+
   const [_, __, error, property] = useRiveProperty<
     ViewModelTriggerProperty,
     undefined
-  >(viewModelInstance, path, {
-    getProperty: useCallback((vmi, p) => vmi.triggerProperty(p), []),
-    onPropertyEventOverride: onTrigger,
-  });
+  >(viewModelInstance, path, triggerOptions);
 
   const trigger = useCallback(() => {
     if (property) {