# WixPatternsBaseProvider

**Category:** Base Components/Providers

## API

### Overview

`WixPatternsBaseProvider` is the minimal provider for Wix Patterns. It supplies the core container context without platform-specific integrations. Use this when building standalone applications or testing outside of Business Manager or Essentials.

```tsx
import { WixPatternsBaseProvider } from '@wix/patterns';
```

### Example

```tsx
import React from 'react';
import { WixPatternsBaseProvider } from '@wix/patterns/essentials';
import { WixPatternsEssentials } from '@wix/patterns';
import { initI18n } from '@wix/fe-essentials/i18n';
import { useTranslation } from '@wix/fe-essentials/react';
import { createHub } from '@wix/fe-essentials/error-monitor';
import { HttpClient } from '@wix/fe-essentials/http-client';
import {
  DataCapsule,
  WixStorageStrategy,
} from '@wix/fe-essentials/data-capsule';
import * as Sentry from '@wix/fe-essentials/sentry';

function App() {
  const [value] = React.useState((): WixPatternsEssentials => {
    const httpClient = new HttpClient();

    return {
      environment: {
        language: 'en',
        artifactId: 'MY_ARTIFACT_ID',
        componentId: 'MY_COMPONENT_ID',
      },
      environmentBI: {
        artifactId: 'BI_MY_ARTIFACT_ID',
      },
      createEssentials: (params) => {
        return {
          i18n: initI18n({
            locale: 'en',
            ...params.i18n,
          }),
          errorMonitor: createHub({
            Sentry,
            ...params.errorMonitor,
            dsn: params.errorMonitor?.dsn as string,
            appName: params.errorMonitor?.appName as string,
          }),
          dataCapsule: new DataCapsule({
            strategy: new WixStorageStrategy({
              httpClient,
            }),
            ...params.dataCapsule,
          }),
        };
      },
      errorMonitor: createHub({
        dsn: 'MY_SENTRY_DSN',
        appName: 'MY_APP_NAME',
        Sentry,
      }),
      useTranslation,
      httpClient,
    };
  });

  return (
    <WixPatternsBaseProvider value={value}>
      <div>App Content Goes Here</div>
    </WixPatternsBaseProvider>
  );
}
```

### Props

| Prop | Type | Required | Default | Description |
|------|------|----------|---------|-------------|
| `value` | `WixPatternsMinimalEssentials` | Yes | - | Minimal essentials that are required for wix-patterns to work (i.e i18n,bi,experiments) |

