How to config getJSIModulePackage for multiple JSI packages?

Pardon my ignorances here, I’m trying to implement WatermelonDB and React Native Reanimated together into one single app, and here’s my MainApplication.java

@Override
protected JSIModulePackage getJSIModulePackage() {
  return new JSIModulePackage() {
    @Override
    public List<JSIModuleSpec> getJSIModules(
      final ReactApplicationContext reactApplicationContext,
      final JavaScriptContextHolder jsContext
    ) {
      final List<JSIModuleSpec> specs = new ArrayList<>();
      specs.add(new ReanimatedJSIModulePackage());
      specs.add(new WatermelonDBJSIPackage());
      return specs;
    }
  };
}

Since I have no JAVA experience, so this code is total junk, but the idea of how to enable both JSI Modules in getJSIModulePackage() is a problem I cound’t overcome, could someone please to help?

[marcocesarato]

// Add imports
import java.util.Arrays;

import com.facebook.react.bridge.JSIModulePackage;
import com.facebook.react.bridge.JSIModuleSpec;
import com.facebook.react.bridge.ReactApplicationContext;
import com.facebook.react.bridge.JavaScriptContextHolder;
import com.nozbe.watermelondb.jsi.WatermelonDBJSIPackage;
import com.swmansion.reanimated.ReanimatedJSIModulePackage;

public class MainApplication extends Application implements ReactApplication {

// ...

  @Override
  protected JSIModulePackage getJSIModulePackage() {
    return new JSIModulePackage() {
      @Override
      public List<JSIModuleSpec> getJSIModules(
        final ReactApplicationContext reactApplicationContext,
        final JavaScriptContextHolder jsContext
      ) {
        List<JSIModuleSpec> modules = Arrays.asList();
        modules.addAll(new ReanimatedJSIModulePackage().getJSIModules(reactApplicationContext, jsContext));
        modules.addAll(new WatermelonDBJSIPackage().getJSIModules(reactApplicationContext, jsContext));
        return modules;
      }
    };
  }

[marcocesarato]

Something like this?

@Override
protected JSIModulePackage getJSIModulePackage() {
  return new JSIModulePackage() {
    @Override
    public List<JSIModuleSpec> getJSIModules(
      final ReactApplicationContext reactApplicationContext,
      final JavaScriptContextHolder jsContext
    ) {
      new ReanimatedJSIModulePackage().getJSIModules(reactApplicationContext, jsContext);
      new WatermelonDBJSIPackage().getJSIModules(reactApplicationContext, jsContext);
      return Arrays.asList();
    }
  };
}

---

Update Tested and it’s working for me