Execution failed for task ':react-native-gesture-handler:buildCodegenCLI' + Building with Monorepo

Description

I can’t seem to build react-native-gesture-handler with my monorepo setup. I get the following error:

FAILURE: Build completed with 2 failures.

1: Task failed with an exception.
-----------
* What went wrong:
Execution failed for task ':react-native-gesture-handler:buildCodegenCLI'.
> A problem occurred starting process 'command '/Users/redacted/Desktop/Git_Repo/janus/packages/testapp/node_modules/react-native-codegen/scripts/oss/build.sh''

Looking at my workspace, all the packages are in the node-modules on the root folder. However, codegen CLI is looking for the scripts in the workspace node_modules folder instead of the root node_modules. See image below:

Steps to reproduce

1. Configure a mono repo with workspaces
2. Use react-native-gesture-handler in one of the workspaces
3. Build the project

Snack or a link to a repository

Private Repo

Gesture Handler version

2.7.1

React Native version

0.70.4

Platforms

Android

JavaScript runtime

Hermes

Workflow

React Native (without Expo)

Architecture

Fabric (New Architecture)

Build type

Debug mode

Device

Android emulator

Device model

No response

Acknowledgements

Yes

[j-piasecki]

This seems to be more of a problem with the codegen itself. The code snippet you’ve highlighted is kind of problematic, but it would fail only in cases where react-native-gesture-handler is higher in the directory structure than react-native itself, which doesn’t seem to be the case here.

In case you’re using a custom setup, you are able to set the paths to relevant packages in your build.gradle like so:

react {
    reactNativeDir = rootProject.file("../../../node_modules/react-native/")
    codegenDir = rootProject.file("../../../node_modules/react-native-codegen/")
}

The problem with that is the fact that React Gradle Plugin is also used by the libraries on the new architecture in order to trigger codegen. Because of this, the custom paths are only applied to the root project instead of all projects using the plugin. If all your packages are on the same level, you could use something like this:

project.pluginManager.withPlugin("com.facebook.react") {
    react {
        reactNativeDir = rootProject.file("../../../node_modules/react-native/")
        codegenDir = rootProject.file("../../../node_modules/react-native-codegen/")
    }
}

to set the same paths for all projects using the plugin. Otherwise you may need to take a more granular approach and set the paths per package depending on whether it’s being hoisted or not.

[j-piasecki]

No problem, great to see that you were able to solve the problem. I’ll close the issue since you’ve resolved the problems with codegen.