ReferenceError: Cannot access 'api' before initialization

I am having trouble catching the action generated from the injectEndpoints from the workspace api in my userSlice using the extraReducers.

My code structure is as follow.

baseApi src/redux/services/api

export const api = createApi({
  reducerPath: "api",
  baseQuery: baseQueryWithReauth,
  endpoints: (builder) => ({
  }),
});

Workspace src/redux/services/workspace

export const workspace = api.injectEndpoints({
  endpoints: (builder) => ({
    getDocs: builder.query<any, void>({
      query: () => `/workspace/6236f159662bebb0c2669430/docs`,
    }),
  }),
});

export const { useGetDocsQuery } = workspace;

User Slice src/redux/splices/user

const userSlice = createSlice({
  name: "user",
  initialState: { user: null } as UserState,
  reducers: {
    setUser: (state, action) => {
      state.user = action.payload.user;
    },
    loggedOut: (state) => {
      state.user = null;
    },
  },
  extraReducers: (builder) => {
    builder.addMatcher(
      workspace.endpoints.getDocs.matchFulfilled,
      (state, { payload }) => {
        console.log(payload);
      }
    );
  },
});

The error : ReferenceError: Cannot access ‘api1’ before initialization This Line : export const workspace = api.injectEndpoints({

If I put the code from the workspace api directly under the baseApi, it works without any issues so I am not sure how to solve this problem.

Edit : It looks like a circular dependency but I can’t seem to figure out how to sole it if the code is in another file.