How to auth user in react application?

[FreePhoenix888]

I pass gqlPath and token to Provider:
https://github.com/deep-foundation/sdk/blob/b4cfaeb2860b14bad90ea3a9cbe895f21d15bba2/pages/index.tsx#L216

Provider uses it as ApolloClientTokenizedProvider options
https://github.com/deep-foundation/sdk/blob/b4cfaeb2860b14bad90ea3a9cbe895f21d15bba2/imports/provider.tsx#L38-L43

Console logs:
https://github.com/deep-foundation/sdk/blob/b4cfaeb2860b14bad90ea3a9cbe895f21d15bba2/pages/index.tsx#L210-L212

Problem:
deep.token is not changed:

[FreePhoenix888]

There were no problems with apollo client path but token has not been changing

I have fixed this problem by using useTokenController instead of managing token by using apollo client props

Why do not we have hook to manage apollo client path? @Konard

[Konard]

@FreePhoenix888 well you can try to create such hook if you want, and later discuss it with @ivansglazunov

[FreePhoenix888]

I have found the problem. Even if token is set for DeepClient, its linkId is still 0

[FreePhoenix888]

I can use deep.login instead of directly setting token

[FreePhoenix888]

Use deep.login and pass token there and pass gql path to

						<ApolloClientTokenizedProvider
							options={{
								client: 'deeplinks-app',
								path: gqlPath,
								ssl: isSsl,
								ws: !!process?.browser,
							}}
						>

Working code:

function LoginOrPage({ setGqlPath }) {
  const deep = useDeep();
  const [isAuthorized, setIsAuthorized] = useState(false);

  useEffect(() => {
    self["deep"] = deep
    if (deep.linkId !== 0) {
      setIsAuthorized(true);
    } else {
      setIsAuthorized(false);
    }
  }, [deep]);

  return isAuthorized ? (
    <Page />
  ) : (
    <LoginCard
      onSubmit={(arg) => {
        console.log({arg})
        setGqlPath(arg.gqlPath);
        deep.login({
          token: arg.token
        })
      }}
    />
  );
}

export default function Index() {
  const [gqlPath, setGqlPath] = useState<string | undefined>(undefined)

  useEffect(() => {
    console.log({gqlPath})
  }, [gqlPath])

  return (
    <>
      <Provider gqlPath={gqlPath} isSsl={true}>
        <LoginOrPage setGqlPath={setGqlPath} />
      </Provider>
    </>
  );
}

[Konard]

@FreePhoenix888 Well such questions is better to directly publish in StackOverflow

[Konard]

@FreePhoenix888 can I kindly ask you to create a bug that tries to set token using generateApolloClient and passing it to DeepProvider directly, and getting not token on request to links?