Reduce bundle size

.changeset/hip-beans-train.md

@@ -0,0 +1,7 @@
+---
+"@quiltt/react": patch
+"@quiltt/core": patch
+"@quiltt/react-native": patch
+---
+
+Reduce bundle size

packages/react/README.md

@@ -5,6 +5,8 @@
 
 `@quiltt/react` provides React Components and Hooks for integrating Quiltt into React-based applications.
 
+See the guides [here](https://www.quiltt.dev/connector/sdks/react).
+
 ## Installation
 
 ```shell
@@ -100,7 +102,9 @@ A provider component for passing Session and settings down to the rest of your a
 import { QuilttProvider } from '@quiltt/react'
 
 const Layout = ({ children }) => {
-  return <QuilttProvider token="{SESSION_TOKEN}">{children}</QuilttProvider>
+  const sessionToken = "<SESSION_TOKEN_FROM_SERVER>"
+
+  return <QuilttProvider token={sessionToken}>{children}</QuilttProvider>
 }
 
 export default Layout

packages/react/src/providers/QuilttAuthProvider.tsx

@@ -1,7 +1,7 @@
 'use client'
 
 import type { FC, PropsWithChildren } from 'react'
-import { useEffect } from 'react'
+import { useEffect, useMemo } from 'react'
 
 import { ApolloProvider } from '@apollo/client'
 import { InMemoryCache, QuilttClient } from '@quiltt/core'
@@ -12,10 +12,6 @@ type QuilttAuthProviderProps = PropsWithChildren & {
   token?: string
 }
 
-export const GraphQLClient = new QuilttClient({
-  cache: new InMemoryCache(),
-})
-
 /**
  * If a token is provided, will validate the token against the api and then import
  * it into trusted storage. While this process is happening, the component is put
@@ -26,6 +22,15 @@ export const GraphQLClient = new QuilttClient({
 export const QuilttAuthProvider: FC<QuilttAuthProviderProps> = ({ token, children }) => {
   const { session, importSession } = useQuilttSession()
 
+  // @todo: extract into a provider so it can accessed by child components
+  const graphQLClient = useMemo(
+    () =>
+      new QuilttClient({
+        cache: new InMemoryCache(),
+      }),
+    []
+  )
+
   // Import passed in token
   useEffect(() => {
     if (token) importSession(token)
@@ -34,10 +39,10 @@ export const QuilttAuthProvider: FC<QuilttAuthProviderProps> = ({ token, childre
   // Reset Client Store when logging in or out
   // biome-ignore lint/correctness/useExhaustiveDependencies: We should reset the store whenever the session changes
   useEffect(() => {
-    GraphQLClient.resetStore()
+    graphQLClient.resetStore()
   }, [session])
 
-  return <ApolloProvider client={GraphQLClient}>{children}</ApolloProvider>
+  return <ApolloProvider client={graphQLClient}>{children}</ApolloProvider>
 }
 
 export default QuilttAuthProvider