How to Mock Local API calls in Storybook

[VARILITE]

I prefer using Storybook for UI component management and testing. I've used it before on other NextJS projects and the mocking features of Storybook work well. Specifically the sb.mock method to automatically mock a method (like a local API action). sb.mock works fine on my other projects, but I haven't been able to get it working with Payload. From what I can tell, the mock hoisting never runs, as if it's being overwritten. Storybook doesn't seem to think any mocking is occurring (at least based on the logs files). I know Payload is doing some things behind the scenes with NextJS and even has its preferred test frameworks. I'm just curious if anyone has successfully tested in Storybook with Payload, or may know what in Payload could be interfering with the sb.mock hoisting? Thank you!

Here is my Storybook main.ts

import type { StorybookConfig } from "@storybook/nextjs-vite";
import path from "path";
import { fileURLToPath } from "url";

// Get __dirname for absolute paths
const __filename = fileURLToPath(import.meta.url);
const __dirname = path.dirname(__filename);

const config: StorybookConfig = {
  stories: ["../src/**/*.stories.@(js|jsx|mjs|ts|tsx)"],
  core: {
    disableTelemetry: true,
  },
  addons: [
    "@storybook/addon-docs",
    "@storybook/addon-a11y",
    "@storybook/addon-vitest",
  ],
  framework: "@storybook/nextjs-vite",
  staticDirs: ["..\\public"],

  viteFinal: async (config) => {

    // Absolute Paths
    config.resolve ??= {};

    config.resolve.alias = {
      ...config.resolve?.alias,

      // Absolute paths
      "@": path.resolve(__dirname, "../src"),
      tests: path.resolve(__dirname, "../tests"),
    };

    return config;
  },
};
export default config;

And my preview.ts

import "@mantine/core/styles.css"; // import Mantine V7 styles needed by MRT
import "@mantine/notifications/styles.css";
import "@mantine/dates/styles.css"; // if using mantine date picker features
import "@mantine/tiptap/styles.css"; // import TipTap rich text editor styles
import type { Preview } from "@storybook/nextjs-vite";
import { sb } from "storybook/test";
import { MantineDecorator } from "./decorators/MantineDecorator";

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Mocks ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

sb.mock(import("../src/lib/actions/user.ts"));

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Preview Config ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

const preview: Preview = {
  parameters: {
    controls: {
      matchers: {
        color: /(background|color)$/i,
        date: /Date$/i,
      },
    },

    a11y: {
      // 'todo' - show a11y violations in the test UI only
      // 'error' - fail CI on a11y violations
      // 'off' - skip a11y checks entirely
      test: "todo",
    },
  },

  tags: ["autodocs"],

  decorators: [MantineDecorator],
};

export default preview;