O-fish web error: Cannot use 'in' operator to search for 'realmBaseUrl'

Lenmor_LD · October 10, 2020, 3:44am

Hi all,

This is the first time I’m contributing, and I’m currently looking at Field Officers Edit Profile · Issue #210 · WildAid/o-fish-web · GitHub

Unfortunately, I haven’t gotten past the setup.

I’m trying to build the o-fish-web using the sandbox, but I keep getting this error.

Also tried building my own instance, but got the same error

Sandbox: https://wildaidsandbox-mxgfy.mongodbstitch.com/
admin user: lenmorld@gmail.com
Realm App ID: wildaidapp-tqiou

Where do I get the realmBaseUrl ?
Any workarounds?

Thanks

Sheeri_Cabral · October 10, 2020, 1:16pm

Hi @Lenmor_LD!

I’m sorry you’re having struggles. The realmAppIdcomes from src/config.js.

Things to check:
Did you copy src/config.js.tmpl to src/config.js?
Did you replace the line:
realmAppId: ‘’,
with
realmAppId: ‘wildaidsandbox-mxgfy’, # for the sandbox
or
realmAppId: ‘wildaidapp-tqiou’, # for the build you did
?

Lenmor_LD · October 11, 2020, 11:51am

Hi @Sheeri_Cabral,

Thanks for the response.

I have the realmAppId.
But it keeps looking for a realmBaseUrl, which I don’t have in my config.
It’s also not in the provided config.js.tmpl

github.com

WildAid/o-fish-web/blob/main/src/config.js.tmpl#L4


      
          const config = {
            appName: 'WildAid O-FISH',
            realmServiceName: 'mongodb-atlas',
            realmAppId: '',
            database: 'wildaid',
            chartsConfig: {
              baseUrl: "https://charts.mongodb.com/charts-wildaid-xxxxx",
              "boardings": {
                chartId: "chart-id"
              },
              "boarding-compliance":{
                chartId: "chart-id"
              },
              "patrol-hours":{

I tried removing the code that uses it in stitch.service.js,

github.com

WildAid/o-fish-web/blob/main/src/services/stitch.service.js#L43


      
          
          
get database() {
            if (!this._database) {
              throw new Error("You are not logged in! Please, login first."); //Show correct error, if token expired, or something wrong with Auth.
            }
            return this._database; //For use the database from another services
          }
          
          
constructor() {
            //Basic stitch client initializing
            if ("realmBaseUrl" in config) {
              //Check if URL is correctly filled
              const stitchConfig = config.realmBaseUrl
                ? new StitchAppClientConfiguration({
                  baseUrl: config.realmBaseUrl,
                })
                : new StitchAppClientConfiguration();
              this._localStitchClient = Stitch.initializeDefaultAppClient(
                config.realmAppId,
                stitchConfig
              );

…but then I get a different error

Should I post this as an issue in case anyone else can repro?

Thanks,
Lenny

Sheeri_Cabral · October 11, 2020, 6:21pm

Hi Lenny,

I was able to reproduce the issue if I checked out the code, copied src/config.js.tmpl to src/config.js, and built, without adding any custom information to the src/config.js file:

When I change the realmAppId line to have the sandbox, the build works fine…
so I changed
realmAppId: ‘’,
to
realmAppId: ‘wildaidsandbox-mxgfy’,
and ran npm start again.

Here’s what my config file looks like after the change:

Hope that helps!

Lenmor_LD · October 13, 2020, 12:01pm

Thanks @Sheeri_Cabral
That definitely helps.
I examined by config copy, and realized that I had the wrong file extension on my config.js, which was definitely an overlook on my part.

I’m able to build it now, and ready to work on my issue.

Thanks a lot for your help!

Sheeri_Cabral · October 13, 2020, 2:31pm

I’m so glad you got it working!

system · November 1, 2020, 5:49am

This topic was automatically closed 5 days after the last reply. New replies are no longer allowed.