Gatsby Develop doesnt seems to be working

[IshanKBG]

OK so i created a gatsby project using gatsby new but when running gatsby develop then i get the following error

/home/ishan/ishan-projects/test/node_modules/yoga-layout-prebuilt/yoga-layout/build/Release/nbind.js:53
        throw ex;
        ^

Error: listen EADDRNOTAVAIL: address not available 27.0.0.1:45537
    at Server.setupListenHandle [as _listen2] (node:net:1298:21)
    at listenInCluster (node:net:1363:12)
    at GetAddrInfoReqWrap.doListen (node:net:1501:7)
    at GetAddrInfoReqWrap.onlookup [as oncomplete] (node:dns:73:8)
Emitted 'error' event on Server instance at:
    at emitErrorNT (node:net:1342:8)
    at processTicksAndRejections (node:internal/process/task_queues:83:21) {
  code: 'EADDRNOTAVAIL',
  errno: -99,
  syscall: 'listen',
  address: '27.0.0.1',
  port: 45537
}

I also tried changing host and port using gatsby develop -p 8081 --host 0.0.0.0 but i got the same error.
This didnt happen when i ran gatsby serve -p 8081 --host 0.0.0.0 and the server started successfully
I am using noodejs 14 on arch linux.
This is my gatsby-config.js

module.exports = {
  siteMetadata: {
    siteUrl: "https://www.yourdomain.tld",
    title: "test",
  },
  plugins: [
    "gatsby-plugin-netlify-cms",
    "gatsby-plugin-sass",
    "gatsby-plugin-image",
    "gatsby-plugin-sitemap",
    {
      resolve: "gatsby-plugin-manifest",
      options: {
        icon: "src/images/icon.png",
      },
    },
    "gatsby-plugin-mdx",
    "gatsby-plugin-sharp",
    "gatsby-transformer-sharp",
    {
      resolve: "gatsby-source-filesystem",
      options: {
        name: "images",
        path: "./src/images/",
      },
      __key: "images",
    },
    {
      resolve: "gatsby-source-filesystem",
      options: {
        name: "pages",
        path: "./src/pages/",
      },
      __key: "pages",
    },
  ],
};

I tried creating another project but it doesnt seems to fix the issue