Trouble with Router Component

I seem to be having some trouble with v6 when it comes to router components. I have two if statements (the first is an if/else) and the values are “true” for $userIsLoggedIn and “false” for $isWebapp. the first if/else renders correctly, but the second is showing the text string “false” instead of continuing on like it should.

  ${userIsLoggedIn ? $h`
<div class="statusbar"></div>
  ${isWebapp && $h`
    <div class="panel panel-left panel-cover panel-init">

And here’s what I have in the script section:

import { getDevice } from 'framework7';
export default (props, { $f7, $, $on, $onMounted, $update }) => {

  const device = getDevice();

  let userIsLoggedIn = true;
  let isWebapp = false;

  $update();
  
  return $render;
};