Cannot access 'safeActionClient' before initialization.

[SanfetCoder]

I am currently facing the error mentioned above. It seemed to be working just fine initially. But somehow after updating some code (just change the text of

) and save the code, it threw an error 'Cannot access safeActionClient' before initialization. I guess this might be caused by hot reloading feature of Next js. Any solution to this?

Here is how the code I declared the action clients

`
import { getLineUser } from "@/actions/auth.action";
import { createSafeActionClient } from "next-safe-action";

export const safeActionClient = createSafeActionClient({});

export const authSafeActionClient = createSafeActionClient({}).use(
async ({ next }) => {
const lineUser = await getLineUser();

if (!lineUser) throw new Error("กรุณาเข้าสู่ระบบก่อนดำเนินการ");

return next({ ctx: { lineUser } });

}
);
`

Here is the function that was called

`
export const getClaimedRewardHistoriesByUserId = safeActionClient
.schema(GetClaimedRewardHistoriesByUserIdParamsSchema)
.action(
async ({
parsedInput: { user_id, filter },
}): Promise<ServerActionResponse<ClaimedRewardHistory[]>> => {
try {
const query = supabaseAdminClient
.from(TABLE_NAME)
.select(", rewards(), users(*)")
.eq("user_id", user_id)
.order("created_at", { ascending: false });

    if (filter) {
      if (filter.from) query.gte("created_at", filter.from);
      if (filter.to) query.lte("created_at", filter.to);
    }

    const { data, error } = await query;

    if (error) throw new Error(error.message);

    return {
      data,
      isError: false,
      error: "",
    };
  } catch (error: any) {
    console.error(
      `[ERROR] : ล้มเหลวระหว่างการดึงข้อมูลประวัติการแลกของรางวัล -> ${error.message}`
    );
    return {
      data: null,
      isError: true,
      error: error.message,
    };
  }
}

);
`