I cannot Update the state from the action

[Zaker237]

Hello,
the have the following problem using pinia pinia 2.1.0

in created the following store

// @ts-check
import axios from "axios";
import { defineStore, acceptHMRUpdate } from "pinia";
import { IProject, IGetProjectResponse, IRootProjectState } from "../types/projects.type";
import { BASE_ENDPOINT } from "../configs";

export const useProjectStore = defineStore({
  id: "projectState",
  state: () => ({
    /** @type {IProject[]} */
    projects: [] as IProject[],
    loading: false,
    error: null
  } as IRootProjectState),

  getters: {
    items: (state) => state.projects
  },

  actions: {
    async getItems() {
      // Set the loading state to true
      this.loading = true;
      try {
        const { data, status } = await axios.get<IGetProjectResponse>(
          BASE_ENDPOINT + "projects",
          {
            headers: {
              Accept: 'application/json',
            },
          },
        );
        // Update the projects array with the response data
        if(status == 200){
          console.log(data);
          this.projects = data.data;
          console.log(this.projects);
        }
      } catch (error) {
        // Handle errors and set the error state
        if (axios.isAxiosError(error)) {
          this.error = error.message;
        } else {
          this.error = "An unexpected error occurred";
        }
      } finally {
        // Set the loading state back to false
        this.loading = false;
      }
    },
}
});

if (import.meta.hot) {
  import.meta.hot.accept(acceptHMRUpdate(useProjectStore as any, import.meta.hot))
}

after updating the sate it becomes undefined. i don't really understand why

do someone have an idea on how to fix that?