fix import react

Author: kikeztw

src/context.tsx

@@ -1,4 +1,4 @@
-import { createContext, useContext } from 'react';
+import * as React from 'react';
 import { AuthClientContextType } from './types';
 
 /**
@@ -8,12 +8,12 @@ const stub = (): never => {
   throw new Error('You forgot to wrap your component in <Auth0Provider>.');
 };
 
-export const AuthClientContext = createContext<AuthClientContextType>({
+export const AuthClientContext = React.createContext<AuthClientContextType>({
   isAuthenticated: false,
   isLoading: true,
   clearSession: stub,
   authorize: stub,
 });
 
 export const useAuth = (): AuthClientContextType =>
-  useContext(AuthClientContext);
+  React.useContext(AuthClientContext);

src/hook.ts

@@ -1,7 +1,7 @@
-import { useContext } from 'react';
+import * as React from 'react';
 
 import { AuthClientContext } from './context';
 import { AuthClientContextType } from './types';
 
 export const useAuth = (): AuthClientContextType =>
-  useContext(AuthClientContext);
+  React.useContext(AuthClientContext);

src/provider.tsx

@@ -1,4 +1,4 @@
-import React, { useEffect, useState } from 'react';
+import * as React from 'react';
 import { Auth0Native } from './client';
 import { AuthClientContext } from './context';
 import { AuthClientContextType } from './types';
@@ -7,15 +7,15 @@ export const AuthProvider: React.FC<{
   client: Auth0Native;
   scope: string;
 }> = ({ children, client, scope }) => {
-  const [state, setState] = useState<{
+  const [state, setState] = React.useState<{
     isLoading: boolean;
     isAuthenticated: boolean;
   }>({
     isAuthenticated: false,
     isLoading: true,
   });
 
-  useEffect(() => {
+  React.useEffect(() => {
     client.isAuthenticated().then((isAuth) => {
       setState((prev) => ({
         ...prev,