chore(runway): cherry-pick fix: check for non-evm chains before doing the toHex cp-7.62.0 (#24798)

- fix: check for non-evm chains before doing the toHex cp-7.62.0
(#24746)

<!--
Please submit this PR as a draft initially.
Do not mark it as "Ready for review" until the template has been
completely filled out, and PR status checks have passed at least once.
-->

## **Description**

Fixes a render error when viewing tokens on Tron chain by adding
`isNonEvmChainId` guard before calling toHex on chainId in
`useMusdCtaVisibility`.

## **Changelog**

<!--
If this PR is not End-User-Facing and should not show up in the
CHANGELOG, you can choose to either:
1. Write `CHANGELOG entry: null`
2. Label with `no-changelog`

If this PR is End-User-Facing, please write a short User-Facing
description in the past tense like:
`CHANGELOG entry: Added a new tab for users to see their NFTs`
`CHANGELOG entry: Fixed a bug that was causing some NFTs to flicker`

(This helps the Release Engineer do their job more quickly and
accurately)
-->

CHANGELOG entry: null

## **Related issues**

Fixes:

## **Manual testing steps**

```gherkin
Feature: my feature name

  Scenario: user [verb for user action]
    Given [describe expected initial app state]

    When user [verb for user action]
    Then [describe expected outcome]
```

## **Screenshots/Recordings**

<!-- If applicable, add screenshots and/or recordings to visualize the
before and after of your change. -->

### **Before**

<img width="418" height="746" alt="Screenshot 2026-01-16 at 11 59 58"

src="https://github.com/user-attachments/assets/fe516368-e49b-48b0-af21-116781acb6e0"
/>

### **After**

<img width="410" height="671" alt="Screenshot 2026-01-16 at 12 01 27"

src="https://github.com/user-attachments/assets/aedcab57-d0a1-4bb5-a12c-2897f9493725"
/>


## **Pre-merge author checklist**

- [ ] I’ve followed [MetaMask Contributor
Docs](https://github.com/MetaMask/contributor-docs) and [MetaMask Mobile
Coding

Standards](https://github.com/MetaMask/metamask-mobile/blob/main/.github/guidelines/CODING_GUIDELINES.md).
- [ ] I've completed the PR template to the best of my ability
- [ ] I’ve included tests if applicable
- [ ] I’ve documented my code using [JSDoc](https://jsdoc.app/) format
if applicable
- [ ] I’ve applied the right labels on the PR (see [labeling

guidelines](https://github.com/MetaMask/metamask-mobile/blob/main/.github/guidelines/LABELING_GUIDELINES.md)).
Not required for external contributors.

## **Pre-merge reviewer checklist**

- [ ] I've manually tested the PR (e.g. pull and build branch, run the
app, test code being changed).
- [ ] I confirm that this PR addresses all acceptance criteria described
in the ticket it closes and includes the necessary testing evidence such
as recordings and or screenshots.

<!-- CURSOR_SUMMARY -->
---

> [!NOTE]
> Ensures mUSD conversion CTA only applies to EVM chains and avoids
errors on non‑EVM networks.
> 
> - Adds `isNonEvmChainId` guard in `useMusdCtaVisibility` to return
`false` early in `shouldShowTokenListItemCta` for non‑EVM `chainId`
> - Updates tests in `useMusdCtaVisibility.test.ts` to mock
`isNonEvmChainId` and adds cases for Tron, plus defaulting to EVM in
setup
> 
> <sup>Written by [Cursor
Bugbot](https://cursor.com/dashboard?tab=bugbot) for commit
a774c30. This will update automatically
on new commits. Configure
[here](https://cursor.com/dashboard?tab=bugbot).</sup>
<!-- /CURSOR_SUMMARY -->


[8a57626](8a57626)

Co-authored-by: António Regadas <antonio.regadas@consensys.net>

Author: runway-github[bot]

app/components/UI/Earn/hooks/useMusdCtaVisibility.test.ts

@@ -29,6 +29,14 @@ jest.mock('react-redux', () => ({
   useSelector: jest.fn(),
 }));
 jest.mock('../selectors/featureFlags');
+jest.mock('../../../../core/Multichain/utils', () => ({
+  isNonEvmChainId: jest.fn(),
+}));
+
+import { isNonEvmChainId } from '../../../../core/Multichain/utils';
+const mockIsNonEvmChainId = isNonEvmChainId as jest.MockedFunction<
+  typeof isNonEvmChainId
+>;
 
 import { useSelector } from 'react-redux';
 
@@ -109,6 +117,8 @@ describe('useMusdCtaVisibility', () => {
     mockIsMusdConversionTokenListItemCtaEnabled = false;
     mockIsMusdConversionAssetOverviewEnabled = false;
     mockMusdConversionCtaTokens = {};
+
+    mockIsNonEvmChainId.mockReturnValue(false);
     mockUseSelector.mockImplementation((selector) => {
       if (selector === selectIsMusdGetBuyCtaEnabledFlag) {
         return mockIsMusdCtaEnabled;
@@ -754,6 +764,59 @@ describe('useMusdCtaVisibility', () => {
       expect(isVisible).toBe(false);
     });
 
+    it('returns false when token is on a non-EVM chain like Tron', () => {
+      const tronChainId = 'tron:728126428';
+      const tronToken: TokenI = {
+        ...listItemToken,
+        chainId: tronChainId,
+      };
+      mockIsNonEvmChainId.mockImplementation(
+        (chainId) => chainId === tronChainId,
+      );
+      mockUseNetworksByCustomNamespace.mockReturnValue({
+        ...defaultNetworksByNamespace,
+        areAllNetworksSelected: false,
+      });
+      mockUseMusdBalance.mockReturnValue({
+        hasMusdBalanceOnAnyChain: true,
+        balancesByChain: { [CHAIN_IDS.MAINNET]: '0x1234' },
+        hasMusdBalanceOnChain: jest.fn().mockReturnValue(true),
+      });
+
+      const { result } = renderHook(() => useMusdCtaVisibility());
+
+      const isVisible = result.current.shouldShowTokenListItemCta(tronToken);
+
+      expect(isVisible).toBe(false);
+      expect(mockIsNonEvmChainId).toHaveBeenCalledWith(tronChainId);
+    });
+
+    it('returns false for non-EVM chain even when all conditions are met', () => {
+      const tronChainId = 'tron:728126428';
+      const tronToken: TokenI = {
+        ...listItemToken,
+        chainId: tronChainId,
+      };
+      mockIsNonEvmChainId.mockImplementation(
+        (chainId) => chainId === tronChainId,
+      );
+      mockUseNetworksByCustomNamespace.mockReturnValue({
+        ...defaultNetworksByNamespace,
+        areAllNetworksSelected: true,
+      });
+      mockUseMusdBalance.mockReturnValue({
+        hasMusdBalanceOnAnyChain: true,
+        balancesByChain: { [CHAIN_IDS.MAINNET]: '0x1234' },
+        hasMusdBalanceOnChain: jest.fn().mockReturnValue(true),
+      });
+
+      const { result } = renderHook(() => useMusdCtaVisibility());
+
+      const isVisible = result.current.shouldShowTokenListItemCta(tronToken);
+
+      expect(isVisible).toBe(false);
+    });
+
     it('returns true when all networks selected, user has mUSD on any chain, and token is configured for CTA', () => {
       mockUseNetworksByCustomNamespace.mockReturnValue({
         ...defaultNetworksByNamespace,

app/components/UI/Earn/hooks/useMusdCtaVisibility.ts

@@ -24,6 +24,7 @@ import { toHex } from '@metamask/controller-utils';
 import { AssetType } from '../../../Views/confirmations/types/token';
 import { useMusdConversionTokens } from './useMusdConversionTokens';
 import { isTokenInWildcardList } from '../utils/wildcardTokenList';
+import { isNonEvmChainId } from '../../../../core/Multichain/utils';
 
 /**
  * Hook exposing helpers that decide whether to show various mUSD-related CTAs.
@@ -213,6 +214,11 @@ export const useMusdCtaVisibility = () => {
         return false;
       }
 
+      // mUSD needs to be available only on EVM chains
+      if (isNonEvmChainId(asset.chainId)) {
+        return false;
+      }
+
       if (isPopularNetworksFilterSelected) {
         return hasMusdBalanceOnAnyChain && isTokenWithCta(asset);
       }