I have been working on a simple fetching function and encountered a warning message:
The warning states: Maximum recursive updates exceeded in component. This indicates that a reactive effect is mutating its dependencies, causing it to trigger itself recursively. The issue seems to be linked to line 344 in my function:
unstakedNFTs.value.push(newNFT);
Despite multiple attempts, I still cannot resolve the issue.
Upon further inspection of the warning message, it points to a specific line of code in my function:
fetchUnstakedNFTs @ createWalletStore.ts?a4c6:344
This part of the warning corresponds to the mentioned line (line 344) in the function.
Additionally, here is the code snippet for the NFTPane.vue Component:
<template>
<!-- Component template code goes here -->
</template>
<script lang="ts" setup>
// JavaScript setup code goes here
</script>