alc-aaron - Hi! I have a question about what I ...

export const Route = createFileRoute('/dashboard/$page')({
  component: RouteComponent,
  validateSearch: (search: Record<string, unknown>) => ({
    reload: search.reload ? (search.reload as number) : undefined,
  }),
  params: {
    parse: (params: Record<string, string>) => {
      const { page } = params;
      if (!Object.values(Page).includes(page as Page)) {
        throw new Error('Invalid page');
      }

      return {
        page: page as Page,
      };
    },
  },
});

function RouteComponent() {
  const { page } = Route.useParams();
  const { reload } = Route.useSearch();
  const embedRef = useEmbedRef() as React.MutableRefObject<AppEmbedType>;

  return (
    <ThoughtSpotErrorBoundary>
      <AppEmbed
        enableAskSage={true}
        modularHomeExperience={true}
        dataPanelV2={true}
        liveboardV2={true}
        key={reload ?? page}
        ref={embedRef}
        pageId={page}
        fullHeight={true}
        frameParams={embedFrameParams}
        onLoad={() => {
          const tsFrame = embedRef.current?.getUnderlyingFrameElement();
          if (tsFrame && tsFrame.contentWindow) {
            injectWalkMe();
          }
        }}
      ></AppEmbed>
    </ThoughtSpotErrorBoundary>
  );
}