remove unused WithClerk component

packages/react/src/components/withClerk.tsx

@@ -2,8 +2,6 @@ import type { LoadedClerk, Without } from '@clerk/types';
 import React from 'react';
 
 import { useIsomorphicClerkContext } from '../contexts/IsomorphicClerkContext';
-import { errorThrower } from '../errors/errorThrower';
-import { hocChildrenNotAFunctionError } from '../errors/messages';
 import { useAssertWrappedByClerkProvider } from '../hooks/useAssertWrappedByClerkProvider';
 
 export const withClerk = <P extends { clerk: LoadedClerk; component?: string }>(
@@ -37,19 +35,3 @@ export const withClerk = <P extends { clerk: LoadedClerk; component?: string }>(
   HOC.displayName = `withClerk(${displayName})`;
   return HOC;
 };
-
-export const WithClerk: React.FC<{
-  children: (clerk: LoadedClerk) => React.ReactNode;
-}> = ({ children }) => {
-  const clerk = useIsomorphicClerkContext();
-
-  if (typeof children !== 'function') {
-    errorThrower.throw(hocChildrenNotAFunctionError);
-  }
-
-  if (!clerk.loaded) {
-    return null;
-  }
-
-  return <>{children(clerk as unknown as LoadedClerk)}</>;
-};

packages/react/src/errors/messages.ts

@@ -3,8 +3,6 @@ export const noClerkProviderError = 'You must wrap your application in a <ClerkP
 export const multipleClerkProvidersError =
   "You've added multiple <ClerkProvider> components in your React component tree. Wrap your components in a single <ClerkProvider>.";
 
-export const hocChildrenNotAFunctionError = 'Child of WithClerk must be a function.';
-
 export const multipleChildrenInButtonComponent = (name: string) =>
   `You've passed multiple children components to <${name}/>. You can only pass a single child component or text.`;