react-native-reanimated: useAnimatedProps with svg not working

Description

following the example here directly, the code is erroring in our project with TypeError: Cannot read properties of undefined (reading 'setAttribute')

it’s occurring here in react-native-reanimated/lib/reanimated2/js-reanimated/index.js:

  if (typeof component.setNativeProps === 'function') {
      setNativeProps(component, rawStyles);
    } else if (Object.keys(component.props).length > 0) {
      Object.keys(component.props).forEach((key) => {
        if (!rawStyles[key]) {
          return;
        }
        const dashedKey = key.replace(/[A-Z]/g, (m) => '-' + m.toLowerCase());
        component._touchableNode.setAttribute(dashedKey, rawStyles[key]);
      });

Expected behavior

the example outlined in the docs should work

Actual behavior & steps to reproduce

errors with cannot read property “setAttribute” of undefined

Snack or minimal code example

see the docs - we’ve copied the code there exactly

Package versions

name	version
react-native	0.68
react-native-reanimated	2.8.0
NodeJS	16.15.0
expo	45

Affected platforms

• Android
• iOS
• Web