NO WORKING REACT NATIVE

[VigilioYonatan]

no print fetch.

import {useSignal} from '@preact/signals-react';
import axios from 'axios';
import {useEffect} from 'react';
function App(): React.JSX.Element {
  const data = useSignal(null);

  useEffect(() => {
    async function fetching(url: string) {
      const result = await axios.get("https://pokeapi.co/api/v2/pokemon");
      data.value = result.data;
    }
    fetching();
  }, []);

  return (
    <SafeAreaView style={{backgroundColor: '#000', flex: 1}}>
      <ScrollView>
        <TouchableOpacity>
          <Text style={{color: '#fff'}}>+1</Text>
        </TouchableOpacity>
        <Text style={{color: '#fff'}}>{JSON.stringify(data.value)}</Text> // no show result api. useState react work.
      </ScrollView>
    </SafeAreaView>
  );
}

export default App;

[XantreDev]

Do you use babel plugin?

[VigilioYonatan]

Do you use babel plugin?

thanks. i fix that. import {useSignal} from '@preact/signals-react/runtime';

[SupertigerDev]

For me, it works, but the optimize example doesnt for react native. The Math.random is always ran on value update. Although it could be because im on an older version of react native

import { signal } from "@preact/signals-react";

const count = signal(0);

// Optimized: Will update the text node directly
function Counter() {
    return (
        <p>
            <>Value: {count}</>
            {Math.random()}
        </p>
    );
}