render() {
  const { ready } = this.state;
  if (ready) {
    // HACK: react-router only looks at `basename` prop once on initialization, so this is
    // fragile if we later jump between /preview & /beta.
    const basename = ocmBaseName();

   return (
     <Provider store={store}>
     <NotificationPortal />
     <BrowserRouter
         basename={basename}

const getBaseEnv = (): string => {
  if (window?.location.pathname.startsWith('/beta')) {
    return '/beta';
  }
  if (window?.location.pathname.startsWith('/preview') || APP_BETA) {
    return '/preview';
  }
  return '';
};

/** Returns base path for this app */
const ocmBaseName = (): string => `${getBaseEnv()}/${appname}`;

// getPartnerScope is used to define the 'src' for the 'keycloak-silent-check-sso'; 
const getPartnerScope = (pathname: string) => {
  // replace beta and leading "/"
  const sanitizedPathname = pathname.replace(/^(\/beta\/|\/preview\/)/, '/').replace(/^\//, '');
  // check if the pathname is connect/:partner
  if (sanitizedPathname.match(/^connect\/.+/)) {
    // return :partner param
    return `api.partner_link.${sanitizedPathname.split('/')[1]}`;
  }

  return undefined;
};