useOktaAuth hook returns undefined

[JJ78]

Regarding the documentation, the useOktaAuth hook is supposed to return some instances, in my case, it returns undefined, i don't get what i could miss, is it working for someone?

Thanks

I'm submitting this issue for the package(s):

• [ ] jwt-verifier
• [ ] okta-angular
• [ ] oidc-middleware
• [x] okta-react
• [ ] okta-react-native
• [ ] okta-vue

I'm submitting a:

• [x] Bug report
• [ ] Feature request
• [ ] Other (Describe below)

Current behavior

The useOktaAuth hook returns undefined

Expected behavior

The useOktaAuth hook should returns an authService object (and some other ones regarding the documentation)

Minimal reproduction of the problem with instructions

import { useOktaAuth } from "@okta/okta-react";

const Auth = () => {
  const data = useOktaAuth(); // data is undefined

  return (<h1>Hello World</h1>)
};

Extra information about the use case/user story you are trying to implement

Trying to build a custom login page withing a single page app

Environment

• Package Version:
  • '@okta/okta-auth-js": "^3.2.1",
  • '@okta/okta-react": "^3.0.3",
• Browser: 84
• OS: MacOS Mojave 10.14.6
• Node version (node -v): 12.14.1

[swiftone]

Hi @JJ78, thanks for the report.

useOktaAuth() requires that your component be a descendent of the <Security> component (see https://github.com/okta/okta-oidc-js/tree/master/packages/okta-react#general-components and https://github.com/okta/okta-oidc-js/tree/master/packages/okta-react#available-hooks )

Is your <Auth> component rendering from some somewhere that is wrapped in <Security>?