Function getDevReactElement

packages/cli-v3/src/commands/dev.tsx:167–213

(
      configParam: ResolvedConfig,
      authorization: { apiUrl: string; accessToken: string },
      configPath?: string,
      configModule?: any
    )

    }

    async function getDevReactElement(
      configParam: ResolvedConfig,
      authorization: { apiUrl: string; accessToken: string },
      configPath?: string,
      configModule?: any
    ) {
      const accessToken = authorization.accessToken;
      const apiUrl = authorization.apiUrl;

      apiClient = new CliApiClient(apiUrl, accessToken);

      const devEnv = await apiClient.getProjectEnv({
        projectRef: configParam.project,
        env: "dev",
      });

      if (!devEnv.success) {
        if (devEnv.error === "Project not found") {
          logger.error(
            `Project not found: ${configParam.project}. Ensure you are using the correct project ref and CLI profile (use --profile). Currently using the "${options.profile}" profile, which points to ${authorization.apiUrl}`
          );
        } else {
          logger.error(
            `Failed to initialize dev environment: ${devEnv.error}. Using project ref ${configParam.project}`
          );
        }

        process.exit(1);
      }

      const environmentClient = new CliApiClient(apiUrl, devEnv.data.apiKey);

      return (
        <DevUI
          dashboardUrl={dashboardUrl}
          config={configParam}
          apiUrl={apiUrl}
          apiKey={devEnv.data.apiKey}
          environmentClient={environmentClient}
          projectName={devEnv.data.name}
          debuggerOn={options.debugger}
          debugOtel={options.debugOtel}
          configPath={configPath}
          configModule={configModule}
        />
      );
    }

    const devReactElement = render(
      await getDevReactElement(