I've been working on a project that used d3 v5.5.0, moved it to another computer, and when I did npm install it now acts as if it's a higher version of d3?

Part of my program relies on the old way of d3 calling transform for zoom, and worked when it was that version. Yet even though in my packages it says it's got 5.5.0, it's throwing errors that event.transform was deprecated (Which happened in v6). How would it know it's deprecated if it should still be using 5.5.0? Also, if I do npm list it says the version of d3@^5.16.0? Which even then that doesn't make sense as you can see from my package.json.

Here is my package.json

{
  "name": "my-app",
  "version": "0.1.0",
  "private": true,
  "dependencies": {
    "@testing-library/jest-dom": "^5.11.4",
    "@testing-library/react": "^11.1.0",
    "@testing-library/user-event": "^12.1.10"
  },
  "scripts": {
    "start": "react-scripts start",
    "build": "react-scripts build",
    "test": "react-scripts test",
    "eject": "react-scripts eject",
    "api": "npx json-server --watch .\\src\\components\\limit.json --port 8000"
  },
  "eslintConfig": {
    "extends": [
      "react-app",
      "react-app/jest"
    ]
  },
  "browserslist": {
    "production": [
      ">0.2%",
      "not dead",
      "not op_mini all"
    ],
    "development": [
      "last 1 chrome version",
      "last 1 firefox version",
      "last 1 safari version"
    ]
  },
  "devDependencies": {
    "csvtojson": "^2.0.10",
    "d3": "^5.5.0",
    "react": "^16.4.2",
    "react-dom": "^16.4.1",
    "react-file-reader": "^1.1.4",
    "react-request": "^3.2.0",
    "react-router-dom": "^6.0.2",
    "react-scripts": "^4.0.2",
    "react-scroll-wheel-handler": "^2.0.1",
    "styled-components": "^5.2.1",
    "use-neo4j": "^0.3.5",
    "webpack": "^4.44.2",
    "write-json-file": "^4.3.0",
    "xlsx": "^0.16.9"
  }
}