Cache Key Doesn't Change After Modifying Files

[sijunnoh]

I'm facing an issue where the cache key in my GitHub Actions workflow doesn't change even after modifying or deleting .tsx files in my project. The cache key always seems to be the same.

https://github.com/sijunnoh/github-action-test

Here is the relevant part of my workflow:

${{ runner.os }}-nextjs-${{ hashFiles('yarn.lock') }}-${{ hashFiles('**.[jt]s', '**.[jt]sx') }}

I have read the following documentation:

HashFiles expression documentation
GitHub Actions workflow syntax

Despite modifying .tsx files, the cache key always remains the same. Could someone point out what I might be missing here?

name: Test
on:
  push:
    branches:
      - main

jobs:
  build:
    runs-on: ubuntu-latest
    strategy:
      matrix:
        node-version: [18.18.2]
    steps:
      - name: ✅ Checkout branch
        uses: actions/checkout@v3

      - name: 📀 Install Node.js ${{ matrix.node-version }}
        uses: actions/setup-node@v3
        with:
          node-version: ${{ matrix.node-version }}

      - name: Restore and save cache
        uses: actions/cache@v4
        with:
          path: |
            .yarn/cache
            .next/cache
            node_modules
          key: ${{ runner.os }}-nextjs-${{ hashFiles('yarn.lock') }}-${{ hashFiles('**.[jt]s', '**.[jt]sx') }}
          restore-keys: |
            ${{ runner.os }}-nextjs-${{ hashFiles('yarn.lock') }}-
            ${{ runner.os }}-nextjs-

      - name: 📚 Install dependencies
        run: yarn install

      - name: ✈️ Build Test
        run: |
          yarn build

[JoannaaKL]

Hey @sijunnoh first thing I'd advise is upgrading actions/setup-node to v4. v3 uses the old version of actions/cache backend.

[sijunnoh]

Thanks for the suggestion.

I upgraded actions/setup-node to v4, but unfortunately, there was no change.

The cache key still doesn't update as expected, even after modifying .tsx files.

[sijunnoh]

I modified the cache key from ${{ runner.os }}-nextjs-${{ hashFiles('yarn.lock') }}-${{ hashFiles('**.[jt]s', '**.[jt]sx') }} to ${{ runner.os }}-nextjs-${{ hashFiles('yarn.lock') }}-${{ hashFiles('**/*.[jt]s', '**/*.[jt]sx') }}.

Now cache key updates as expected. Thanks for the help! @JoannaaKL