Pinia store getters return undefined, after HMR only get assigned correctly

[nitinkumarhere]

This is my stores file. It's not working as intended. Getters return undefined on first page load. Making any changes in the project and saving they return intended values.

import { defineStore } from "pinia"
import axios from 'axios'
import { toRaw } from "vue"

const filesUrl = "/files/"

export const useFileStore = defineStore('file', {
state: ()=> ({
songs:undefined,
}
),

actions: {
    async fetchFiles(state) {
        try{
            this.loading = true
            const results = await axios.get(filesUrl).then()
            const avar = await results
            console.log("in FetchFiles", avar.data.results )
            // this.songs = []
            this.songs = toRaw(await avar.data.results)
            // this.state.songs= this.songs
            console.log("again", toRaw(this.songs))
            return this.songs
        } catch(error) {
            return error
            } finally {
                this.loading = false
              }
            
        // return avar.data.results 
    }
},

getters: {
    getSongList(state) {
        // this.fetchFiles()
        // state.songs = [] 
        console.log("in getters", (state.songs))

        return state.songs;
    }
},

})