diff --git a/framework/ordercloud/index.tsx b/framework/ordercloud/index.tsx
index 553028fef..6a01c2ee4 100644
--- a/framework/ordercloud/index.tsx
+++ b/framework/ordercloud/index.tsx
@@ -1,33 +1,9 @@
-import * as React from 'react'
-import { ReactNode } from 'react'
-import { ordercloudProvider } from './provider'
-import {
-  CommerceConfig,
-  CommerceProvider as CoreCommerceProvider,
-  useCommerce as useCoreCommerce,
-} from '@commerce'
-import { CART_COOKIE, LOCALE } from './constants'
+import { ordercloudProvider, OrdercloudProvider } from './provider'
+import { getCommerceProvider, useCommerce as useCoreCommerce } from '@commerce'
 
-export const ordercloudConfig: CommerceConfig = {
-  locale: LOCALE,
-  cartCookie: CART_COOKIE,
-}
+export { ordercloudProvider }
+export type { OrdercloudProvider }
 
-export function CommerceProvider({
-  children,
-  ...config
-}: {
-  children?: ReactNode
-  locale: string
-} & Partial<CommerceConfig>) {
-  return (
-    <CoreCommerceProvider
-      provider={ordercloudProvider}
-      config={{ ...ordercloudConfig, ...config }}
-    >
-      {children}
-    </CoreCommerceProvider>
-  )
-}
+export const CommerceProvider = getCommerceProvider(ordercloudProvider)
 
 export const useCommerce = () => useCoreCommerce()
diff --git a/framework/ordercloud/provider.ts b/framework/ordercloud/provider.ts
index 8a3ded527..09cea42eb 100644
--- a/framework/ordercloud/provider.ts
+++ b/framework/ordercloud/provider.ts
@@ -23,4 +23,4 @@ export const ordercloudProvider = {
   auth: { useLogin, useLogout, useSignup },
 }
 
-export type Provider = typeof ordercloudProvider
+export type OrdercloudProvider = typeof ordercloudProvider