fix(lint): use top-level codegenNativeComponent import

Replaces the deprecated deep import `react-native/Libraries/Utilities/codegenNativeComponent`
with the top-level named import now exported from `react-native`.

The `react-native/Libraries/Types/CodegenTypes` import is preserved
because codegen's AST parser matches those type names statically —
it can't follow namespace or alias indirection. Suppressed the lint
warning on that one line with a note explaining why.

Also simplifies the jest setup: `codegenNativeComponent` is now mocked
alongside the rest of `react-native` in `__mocks__/react-native.ts`,
so the separate `__mocks__/codegenNativeComponent.ts` file and its
`moduleNameMapper` entry in `jest.config.js` are no longer needed.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

Author: kieran-osgood-shopify

.github/actions/setup/action.yml

@@ -16,21 +16,7 @@ runs:
       with:
         node-version-file: package.json
         registry-url: 'https://registry.npmjs.org'
-<<<<<<< HEAD
         cache: pnpm
-||||||| parent of 99f0480 (Update action.yml)
-
-    # TODO: Can be removed once node-version is 24 as this will be the minimum
-    - name: Install npm 11
-      run: npm install -g npm@11
-      shell: bash
-=======
-
-    # TODO: Can be removed once node-version is 24 as this will be the minimum
-    - name: Install npm 11
-      run: npm install -g npm@11 || echo "::warning::npm upgrade failed — not required for yarn-based CI"
-      shell: bash
->>>>>>> 99f0480 (Update action.yml)
 
     - name: Cache turbo build setup
       uses: actions/cache@v4

__mocks__/codegenNativeComponent.ts

@@ -39,6 +39,8 @@ const requireNativeComponent = (..._args: any[]) => {
     });
 };
 
+const codegenNativeComponent = requireNativeComponent;
+
 const StyleSheet = {
   flatten: jest.fn(style => style),
 };
@@ -71,6 +73,7 @@ module.exports = {
   },
   NativeEventEmitter: jest.fn(() => createMockEmitter()),
   requireNativeComponent,
+  codegenNativeComponent,
   TurboModuleRegistry: {
     getEnforcing: jest.fn((name: string) => {
       if (name === 'ShopifyCheckoutSheetKit') {

__mocks__/react-native.ts

@@ -3,10 +3,6 @@ module.exports = {
   modulePathIgnorePatterns: ['modules/@shopify/checkout-sheet-kit/lib'],
   modulePaths: ['<rootDir>/sample/node_modules'],
   setupFiles: ['<rootDir>/jest.setup.ts'],
-  moduleNameMapper: {
-    'react-native/Libraries/Utilities/codegenNativeComponent':
-      '<rootDir>/__mocks__/codegenNativeComponent.ts',
-  },
   transform: {
     '\\.[jt]sx?$': 'babel-jest',
   },

jest.config.js

@@ -22,9 +22,8 @@ OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SO
 */
 
 import React, {useCallback, useMemo, useState} from 'react';
-import {Platform} from 'react-native';
+import {codegenNativeComponent, Platform} from 'react-native';
 import type {ViewStyle} from 'react-native';
-import codegenNativeComponent from 'react-native/Libraries/Utilities/codegenNativeComponent';
 import type {
   AcceleratedCheckoutWallet,
   CheckoutCompletedEvent,

modules/@shopify/checkout-sheet-kit/src/components/AcceleratedCheckoutButtons.tsx

@@ -21,13 +21,13 @@ LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
 OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
 */
 
-import type {ViewProps} from 'react-native';
-import codegenNativeComponent from 'react-native/Libraries/Utilities/codegenNativeComponent';
+import {codegenNativeComponent, type ViewProps} from 'react-native';
 import type {
   BubblingEventHandler,
   DirectEventHandler,
   Double,
   Float,
+  // eslint-disable-next-line @react-native/no-deep-imports -- codegen parser requires these type names to be imported directly (not via aliases) so it can match them statically during AST traversal
 } from 'react-native/Libraries/Types/CodegenTypes';
 
 type FailEvent = Readonly<{