diff --git a/packages/common/components/src/api/index.ts b/packages/common/components/src/api/index.ts
new file mode 100644
index 000000000..7616f9e53
--- /dev/null
+++ b/packages/common/components/src/api/index.ts
@@ -0,0 +1 @@
+export * from "./user";
diff --git a/packages/common/components/src/api/user.ts b/packages/common/components/src/api/user.ts
index eb10df7a0..3e2516b15 100644
--- a/packages/common/components/src/api/user.ts
+++ b/packages/common/components/src/api/user.ts
@@ -1,6 +1,6 @@
 import { useMutation } from "@tanstack/react-query";
-import { client } from "../api/client";
-import { ENDPOINT } from "../config/api";
+import { ENDPOINT } from "../config";
+import { client } from "./client";
 
 export interface UserInfo {
   userName: string;
diff --git a/packages/common/components/src/config/index.ts b/packages/common/components/src/config/index.ts
new file mode 100644
index 000000000..cd83447d5
--- /dev/null
+++ b/packages/common/components/src/config/index.ts
@@ -0,0 +1,2 @@
+export * from "./api";
+export * from "./env";
diff --git a/packages/common/components/src/ui/header/index.tsx b/packages/common/components/src/ui/header/index.tsx
index 9b55a92c6..955ed016f 100644
--- a/packages/common/components/src/ui/header/index.tsx
+++ b/packages/common/components/src/ui/header/index.tsx
@@ -1,6 +1,8 @@
 "use client";
 
+import { useEffect, useState } from "react";
 import { images } from "@common/assets";
+import { useUsersMutation, type UserInfo } from "../../api";
 import {
   DropdownMenu,
   DropdownMenuTrigger,
@@ -8,8 +10,6 @@ import {
   DropdownMenuItem,
 } from "../dropdown-menu";
 import { Button } from "../button";
-import { useUsersMutation, type UserInfo } from "../../api/user";
-import { useEffect, useState } from "react";
 
 export function Header() {
   const { mutate } = useUsersMutation();