How Do You Change the Default Active Flex View? – Twilio Support

Changing the default active Flex view is a two-step process. You’ll first need to move the left-side navigation bar (SideNav) button to the top, and then you can change the default view.

Move the SideNav button

You can use the sortOrder property when adding a component to make it appear before the Agent Desktop (default) view button in SideNav. Here's an example:

Flex.SideNav.Content.add(<MyNewViewButton key="dashboard" />, { sortOrder: -1 });

Change the Default View

Use the Actions framework to change which page is the default active view:

import { Actions } from "@twilio/flex-ui";
// ...Other Code
Actions.invokeAction("NavigateToView", { viewName: "my-custom-view" });