message: chore: fix flashing issue due to hook memo
diff: @@ -46,6 +46,7 @@ export function AppExtension<T extends ExtensionPoint>({
  createMessenger: createIframeWorkerMessenger,
  });
  const receiver = useMemo(() => new RemoteReceiver(), []);
  + const userInput = useMemo(() => input, [JSON.stringify(input)]);
  const [ref, layoutInput] = useLayoutInput();
  const sessionTokenInput = useSessionTokenInput();
  @@ -62,7 +63,7 @@ export function AppExtension<T extends ExtensionPoint>({
  receiver.receive,
  );
  })();
  - }, [worker, extensionPoint, components, receiver, input, layoutInput, sessionTokenInput]);
  + }, [worker, extensionPoint, components, receiver, userInput, layoutInput, sessionTokenInput]);
  return (
  <div ref={ref}>
  @@ -72,7 +73,8 @@ export function AppExtension<T extends ExtensionPoint>({
  }
  function useSessionTokenInput(): SessionTokenInput {
  - return {
  + return useMemo(
  + () => ({
  sessionToken: {
  generate: () => {
  return Promise.resolve(
  @@ -80,7 +82,9 @@ function useSessionTokenInput(): SessionTokenInput {
  );
  },
  },
  - };
  + }),
  + [],
  + );
  }
  function useLayoutInput(): [ReturnType<typeof useResizeObserver>[0], LayoutInput | undefined] {
  