Hot Reload not working properly

[RealSebbooo]

Hello guys,

I'm encountering an issue when starting my project using the command gatsby develop. The hot reload feature doesn't seem to work as expected. Interestingly, when I navigate to any template file within a package and make a change, pressing "save" results in the hot reload functioning perfectly fine. However, if I make changes in any other file, the hot reload fails to work.

While I can't provide the entire repository for your reference, I'm more than willing to share additional information if needed.

The problem occurs on different devices and different IDEs

Structur

• package.json
• tsconfig.json
• components
  • component a
    • package.json
    • src
    • ...
  • component b
• packages
  • gatsby-theme-core
    • gatsby-browser.js
    • gatsby-ssr.js
    • gatsby-config.js
    • wrapPageElement.tsx
    • wrapRootElement.tsx
    • src
      • scopes
        • scope a
          • components
          • templates
          • ...
        • scope b
          • components
          • templates
          • ...
    • package.json
    • ...

My package.json

{
    "private": true,
    "workspaces": [
        "packages/*",
        "components/*",
    ],
    "devDependencies": {
        "@storybook/addon-essentials": "6.5.16",
        "@storybook/builder-webpack5": "6.5.16",
        "@storybook/manager-webpack5": "6.5.16",
        "@storybook/react": "6.5.16",
        "@types/react-dom": "18.0.11",
        "@typescript-eslint/eslint-plugin": "^5.57.0",
        "@typescript-eslint/parser": "^5.57.0",
        "chromatic": "6.17.2",
        "contentful-management": "^10.31.4",
        "cypress": "12.9.0",
        "eslint": "^8.37.0",
        "eslint-config-airbnb": "^19.0.4",
        "eslint-config-airbnb-typescript": "^17.0.0",
        "eslint-config-prettier": "^8.8.0",
        "eslint-config-react-app": "^7.0.1",
        "eslint-plugin-import": "^2.27.5",
        "eslint-plugin-jsx-a11y": "^6.7.1",
        "eslint-plugin-prettier": "^4.2.1",
        "eslint-plugin-react": "^7.32.2",
        "eslint-plugin-react-hooks": "^4.6.0",
        "eslint-plugin-sonarjs": "^0.19.0",
        "gatsby": "5.8.1",
        "gatsby-cli": "5.8.0",
        "husky": "^7.0.4",
        "prettier": "^2.8.7",
        "prettier-eslint": "^15.0.1",
        "react": "18.2.0",
        "react-dom": "18.2.0",
        "storybook": "6.5.16",
        "storybook-addon-apollo-client": "4.0.13",
        "styled-components": "^5.3.9",
        "ts-node": "^10.9.1",
        "typescript": "4.9.5",
        "webpack": "^5.77.0"
    },
    "name": "project",
    "dependencies": {
        "@apollo/rover": "0.13.0",
        "@react-pdf/renderer": "^3.1.9",
        "@storybook/cli": "^6.5.16",
        "@types/prettier": "^2.7.2",
        "cypress-multi-reporters": "^1.6.3",
        "gatsby-plugin-image": "^3.11.0",
        "gatsby-plugin-sharp": "^5.11.0",
        "gatsby-source-filesystem": "^5.11.0",
        "jspdf": "^2.5.1",
        "mocha-junit-reporter": "^2.2.0",
        "postcss": "^8.4.20"
    }
}

My tsconfig.json

{
    "compilerOptions": {
        "target": "es2022",
        "lib": ["es2021", "dom", "esNext"],
        "module": "commonjs",
        "esModuleInterop": true,
        "forceConsistentCasingInFileNames": false,
        "strict": true,
        "skipLibCheck": true,
        "jsx": "react",
        "baseUrl": ".",
        "outDir": "./dist",
        "alwaysStrict": true,
        "strictNullChecks": true,
        "noImplicitAny": true,
        "noImplicitReturns": false,
        "noImplicitThis": true,
        "noUnusedLocals": true,
        "resolveJsonModule": true,
        "sourceMap": true,
        "useUnknownInCatchVariables": false
    }
}

gatsby-ssr and gatsby-browser

import { abWrapPageElement } from './wrapPageElement';
import { abWrapRootElement } from './wrapRootElement';

export const wrapPageElement = abWrapPageElement;
export const wrapRootElement = abWrapRootElement;

If any further details are required, please don't hesitate to ask. Your assistance would be greatly appreciated.