[ BUG ] Button not losing active state

[ImamJanjua]

@mrzachnugent I had created similar issue in the past but Now I am very sure the issue is related to the component. Check out the clip. So as u can see here I started the app with cleaned cache. So button works fine, until I added just to call the func on press where i get many error and this press affect

https://github.com/user-attachments/assets/164497e4-9e5e-4c9f-9860-e3cfa930727b

[ImamJanjua]

[ImamJanjua]

@mrzachnugent any though on that

[mrzachnugent]

Hey @ImamJanjua, as mentioned in https://github.com/mrzachnugent/react-native-reusables/issues/186, I would need a minimal reproduction repo to look into this since I am not able to reproduce it on my side.

[ImamJanjua]

@mrzachnugent repo, so as u can see there, If I just call a simple api, this bug will take effect

[mrzachnugent]

@ImamJanjua After some investigation, if you replace your test function with:

  async function test() {
    const res = await fetch("https://icanhazdadjoke.com/", {
      method: "GET",
      headers: {
        "Content-Type": "application/json",
        Accept: "application/json",
      },
    });
    const jsonData = await res.json();
    console.log(jsonData);
  }

The warning goes away. So it seems the experimental api directory feature is causing this warning. I also noticed that if you keep using the api directory but you removed all of the button classNames that start with web: then it would also remove the warning.

I would suggest creating an issue for expo-router using the same repo as the minimal reproduction repo.