How to skip next .then() if boolean is false in fetch?

// foo.json
[]
// bar.json
[
  {
    "name": "bar",
    "type": "whatever" 
  }
]
function getJSON(path) {
  return fetch(`http://localhost:4000/admin/${path}`)
    .then(response => response.json())
}
function getStart() {
  getJSON('foo')
    .then(data => {
      if (data.length == 0) {
        return getJSON('bar')
        // Look at bar.json and access to next .then() method
      }
      console.log('Access Denied')
      // skip the next .then() method and exit.
    })
    .then(data => {
      console.log(data, 'another then path')
    })
}

I added if statement inside of first .then() for giving different path depends on the foo's data.length is 0 or not.

A problem is the code always accesses to the second .then() whatever the boolean is true or false.

This is the result:

Access Denied index.js:31

undefined "another then path" index.js:34

I have found a similar question like me but he uses promise, not fetch, and I don't know how to use reject in fetch clause.

Any tips to fix this problem?