const AddressPage: NextPage = () => {
  const [isSidebarShow, setSidebarShow] = useState(false);
  const [TxsData, setTxsData] = useState([]);
  const router = useRouter();
  const dispatch = useDispatch();
  const [Txslimit, setTxsLimit] = useState(10); 
  
  const address = router.query.address as string;
  console.log("en/Address/{address} :", address)
  console.log(Txslimit)
  
  
  const fetchData = async (address: string) => {
    try {
      console.log("address?", address)
      const response = await axios.post(
        `https://ergonode-api.ergohost.io/blockchain/transaction/byAddress?offset=0&limit=${Txslimit}`,
        {address}
      );

      // Assuming the API returns an object with a "data" property
      const txsData = response.data.data;
      console.log(txsData)
      setTxsData(txsData)
      // Dispatch the data to your Redux store
      // dispatch(setTxs(txsData));
    } catch (error) {
      console.error("Error fetching data:", error);
    }
  };

  useEffect(() => {
    fetchData(address);
  }, [Txslimit]);