Getting blank screen in a Sample Drawing

[RageshAntonyHM]

Hi, started checking Skia in Expo.

When trying to run a sample project, I am getting white screen.

I unable to find the cause. Could you help me please?

import { StatusBar } from 'expo-status-bar';
import { StyleSheet, Text, View , useWindowDimensions} from 'react-native';
import { Canvas, Fill, RoundedRect, vec } from '@shopify/react-native-skia';

export default function App() {
  const {width, height} = useWindowDimensions();
  const center = vec(width / 2, height / 2);
  return (
    <View style={styles.container}>
      <Canvas style={{flex: 1}}>
        <Fill color={'#222'} />
        <RoundedRect 
          height={100}
          width={100}
          x={center.x - 150}
          y={center.y - 90}
          color={'#eee'}
          r={25}
        />
      </Canvas>
      <StatusBar style="auto" />
    </View>
  );
}

const styles = StyleSheet.create({
  container: {
    flex: 1,
    backgroundColor: '#fff',
    alignItems: 'center',
    justifyContent: 'center',
  },
});

{
  "name": "stickersmash",
  "version": "1.0.0",
  "main": "node_modules/expo/AppEntry.js",
  "scripts": {
    "start": "expo start",
    "android": "expo start --android",
    "ios": "expo start --ios",
    "web": "expo start --web"
  },
  "dependencies": {
    "expo": "~49.0.15",
    "expo-status-bar": "~1.6.0",
    "react": "18.2.0",
    "react-native": "0.72.6",
    "react-dom": "18.2.0",
    "react-native-web": "~0.19.6",
    "@expo/webpack-config": "^19.0.0",
    "expo-camera": "~13.4.4",
    "expo-barcode-scanner": "~12.5.3",
    "@shopify/react-native-skia": "0.1.196",
    "react-native-reanimated": "~3.3.0"
  },
  "devDependencies": {
    "@babel/core": "^7.20.0"
  },
  "private": true
}

[wcandillon]

yes the typing is bit convoluted here. If you use r instead of rx, it should work ok?

[RageshAntonyHM]

yes. I fixed it an hour ago. But thanks very much.