feat: remove createAuth0Client, keep client prop only

Author: yogeshchoudhary147

EXAMPLES.md

@@ -105,15 +105,13 @@ export default Posts;
 
 ## Use Auth0 outside of React
 
-If you need to share an `Auth0Client` instance between the React tree and code that has no access to React's lifecycle — such as TanStack Start client function middleware — use `createAuth0Client` to create a shared instance and pass it to `Auth0Provider` via the `client` prop.
-
-Using `createAuth0Client` ensures the `auth0-react` telemetry header is set correctly on the client.
+If you need to share an `Auth0Client` instance between the React tree and code that has no access to React's lifecycle — such as TanStack Start client function middleware — create an `Auth0Client` and pass it to `Auth0Provider` via the `client` prop.
 
 ```jsx
 // auth0-client.js
-import { createAuth0Client } from '@auth0/auth0-react';
+import { Auth0Client } from '@auth0/auth0-react';
 
-export const auth0Client = createAuth0Client({
+export const auth0Client = new Auth0Client({
   domain: 'YOUR_AUTH0_DOMAIN',
   clientId: 'YOUR_AUTH0_CLIENT_ID',
   authorizationParams: {

__tests__/auth-provider.test.tsx

@@ -7,7 +7,7 @@ import '@testing-library/jest-dom';
 import { act, render, renderHook, screen, waitFor } from '@testing-library/react';
 import React, { StrictMode, useContext } from 'react';
 import pkg from '../package.json';
-import { Auth0Provider, Auth0ProviderOptions, createAuth0Client, useAuth0 } from '../src';
+import { Auth0Provider, Auth0ProviderOptions, useAuth0 } from '../src';
 import Auth0Context, {
   Auth0ContextInterface,
   initialContext,
@@ -143,18 +143,6 @@ describe('Auth0Provider', () => {
     });
   });
 
-  it('should inject auth0-react telemetry when using createAuth0Client', async () => {
-    createAuth0Client({ clientId: 'foo', domain: 'bar' });
-    expect(Auth0Client).toHaveBeenCalledWith(
-      expect.objectContaining({
-        auth0Client: {
-          name: 'auth0-react',
-          version: pkg.version,
-        },
-      })
-    );
-  });
-
   it('should warn when client prop is used alongside domain or clientId', async () => {
     const warn = jest.spyOn(console, 'warn').mockImplementation(() => undefined);
     const wrapper = createWrapper({ client: clientMock, domain: 'foo', clientId: 'bar' } as unknown as Partial<Auth0ProviderOptions>);

src/auth0-provider.tsx

@@ -105,7 +105,6 @@ export type Auth0ProviderWithConfigOptions<TUser extends User = User> =
 
 /**
  * Options for `Auth0Provider` when supplying a pre-configured `Auth0Client` instance.
- * Use `createAuth0Client` to create the client so telemetry is set correctly.
  */
 export type Auth0ProviderWithClientOptions<TUser extends User = User> =
   Auth0ProviderBaseOptions<TUser> & { client: Auth0Client };
@@ -143,29 +142,6 @@ const toAuth0ClientOptions = (
   };
 };
 
-/**
- * Creates a new `Auth0Client` with the `auth0-react` SDK telemetry header set.
- *
- * Use this when you need to share a single client instance with `Auth0Provider`
- * and also access Auth0 outside of React (e.g. in TanStack Start client function middleware).
- *
- * @example
- * ```tsx
- * const client = createAuth0Client({ domain, clientId });
- *
- * // Use outside React (e.g. in TanStack Start client function middleware)
- * const token = await client.getTokenSilently();
- *
- * // Use inside React
- * function App() {
- *   return <Auth0Provider client={client}><MyApp /></Auth0Provider>;
- * }
- * ```
- */
-export const createAuth0Client = (options: Auth0ClientOptions): Auth0Client => {
-  return new Auth0Client(toAuth0ClientOptions(options));
-};
-
 /**
  * @ignore
  */

src/index.tsx

@@ -5,7 +5,6 @@ export {
   Auth0ProviderWithClientOptions,
   AppState,
   ConnectedAccount,
-  createAuth0Client,
 } from './auth0-provider';
 export { default as useAuth0 } from './use-auth0';
 export { default as withAuth0, WithAuth0Props } from './with-auth0';