Unable to subscribe with Amplify

Question

I'm getting this error message while trying to subscribe using amplify. The error message does not make sense. I am not sure what variable it is referring to. I"ve push all my changes up again to make sure but still the same.

subscription.current = API.graphql(
      graphqlOperation(subscriptions.onCreatePurchasedPackage, {
        owner: userInfo.userName,
        authMode: "AMAZON_COGNITO_USER_POOLS",
      })
    );

    observable.current = await subscription.current.subscribe({
      next: ({ provider, value }) =>
        console.log({
          "onCreatePurchasedPackage changed the provider": provider,
          "the value": value,
        }),
      error: (error) => console.warn(error),
    });

"Validation error of type UndefinedVariable: variable not found"

"dependencies": {
    "@aws-amplify/ui-react": "^3.2.0",
    "@testing-library/jest-dom": "^5.16.4",
    "@testing-library/react": "^13.3.0",
    "@testing-library/user-event": "^13.5.0",
    "@types/jest": "^27.5.2",
    "@types/node": "^16.11.45",
    "@types/react": "^18.0.15",
    "@types/react-dom": "^18.0.6",
    "aws-amplify": "^4.3.27",
    "aws-appsync": "^4.1.7",
    "react": "^18.2.0",
    "react-dom": "^18.2.0",
    "react-hook-form": "^7.33.1",
    "react-router-dom": "^6.3.0",
    "react-scripts": "5.0.1",
    "typescript": "^4.7.4",
    "web-vitals": "^2.1.4"
  },