Cryptodetails.jsx not displaying the 24h Volume correctly after the upgrade to Coinranking API v2, only displays as "undefined".

[PeroyNel]

After the upgrade to the Coinranking API v2 many features of the app stopped working correctly due to the changes in endpoints. One of these problem areas was the 24h Volume criteria on the Cryptodetails.jsx component.

In order to read the correct item from the API JSON object you need to adjust your code from:

{ title: '24h Volume', value: $ ${cryptoDetails.volume && cryptoDetails.volume}, icon: }

to the following:

{ title: '24h Volume', value: $ ${cryptoDetails?.["24hVolume"] && millify(cryptoDetails?.["24hVolume"])}, icon: }

the change being from 'volume' to '["24hVolume"]' as per the changes in the Coinranking API documentation.

I hope this helps the rest of you who are trying to fix the program after the API update.

[Lucas-Zhang66]

Man, you saved my day!! finally find out how to fix the api field name start with an number.. lol.. But, this is kind of strange way to write an API. Since, its not follow the syntax.

[DAVIS-PYTH]

Thanks @PeroyNel

[AHMED-REBII]

use this instead :
value: $ ${cryptoDetails?.['24hVolume'] && millify(cryptoDetails['24hVolume'])},