### Basic QR Code Rendering

Source: https://github.com/rosskhanas/react-qr-code/blob/master/README.md

Render a basic QR code by importing the QRCode component and passing a value to it. This example shows the minimal setup for displaying a QR code.

```javascript
import React from "react";
import ReactDOM from "react-dom";
import QRCode from "react-qr-code";

ReactDOM.render(<QRCode value="hey" />, document.getElementById("Container"));
```

--------------------------------

### Responsive QR Code Example

Source: https://github.com/rosskhanas/react-qr-code/blob/master/README.md

Implement a responsive QR code that adjusts its size based on its container. This example uses CSS properties to make the QR code fill its parent container.

```javascript
// Can be anything instead of `maxWidth` that limits the width.
<div style={{ height: "auto", margin: "0 auto", maxWidth: 64, width: "100%" }}>
  <QRCode
    size={256}
    style={{ height: "auto", maxWidth: "100%", width: "100%" }}
    value={value}
    viewBox={`0 0 256 256`}
  />
</div>
```

--------------------------------

### Install react-native-svg for React Native

Source: https://github.com/rosskhanas/react-qr-code/blob/master/README.md

When using react-qr-code with React Native, you must also install react-native-svg. Follow the instructions to install the package and link it for iOS.

```bash
npm i react-native-svg
cd ios && pod install
```

--------------------------------

### Install react-qr-code

Source: https://github.com/rosskhanas/react-qr-code/blob/master/README.md

Install the react-qr-code package using npm. This is the primary step for integrating the QR code component into your React project.

```bash
npm i react-qr-code
```

--------------------------------

### QRCode Component API

Source: https://github.com/rosskhanas/react-qr-code/blob/master/README.md

The QRCode component accepts several props to customize its appearance and behavior. These props are applicable across web, iOS, and Android platforms unless otherwise specified.

```APIDOC
## QRCode Component API

### Description
The QRCode component allows for the generation of QR codes within React applications. It supports customization through various props.

### Props

#### `bgColor`
- **Type**: `string`
- **Default**: `'#FFFFFF'`
- **Platforms**: web, ios, android
- **Description**: Background color of the QR code.

#### `fgColor`
- **Type**: `string`
- **Default**: `'#000000'`
- **Platforms**: web, ios, android
- **Description**: Foreground color (the QR code itself) of the QR code.

#### `level`
- **Type**: `string` (`'L'`, `'M'`, `'Q'`, `'H'`) 
- **Default**: `'L'`
- **Platforms**: web, ios, android
- **Description**: Error correction level for the QR code. Options are 'L' (low), 'M' (medium), 'Q' (quartile), and 'H' (high).

#### `size`
- **Type**: `number`
- **Default**: `256`
- **Platforms**: web, ios, android
- **Description**: The width and height of the QR code in pixels.

#### `title`
- **Type**: `string`
- **Default**: `''`
- **Platforms**: web
- **Description**: An accessible title for the QR code, primarily for web accessibility.

#### `value`
- **Type**: `string`
- **Default**: `''`
- **Platforms**: web, ios, android
- **Description**: The data to be encoded in the QR code. Can store up to 2953 characters. Supports UTF-8 encoding for non-ASCII characters.
```

--------------------------------

### QR Code with Quiet Zone

Source: https://github.com/rosskhanas/react-qr-code/blob/master/README.md

To ensure QR codes scan correctly when placed near dark elements, wrap the QRCode component in a light-colored container with padding to create a 'quiet zone'.

```javascript
<div style={{ background: 'white', padding: '16px' }}>
  <QRCode ... />
</div>
```

--------------------------------

### QR Code with Non-ASCII Characters

Source: https://github.com/rosskhanas/react-qr-code/blob/master/README.md

Render QR codes with non-ASCII characters, such as Korean, Japanese, or emojis, by passing a standard JavaScript string to the value prop. The library handles UTF-8 encoding automatically.

```javascript
<QRCode value="한글 테스트 😊" />
```

=== COMPLETE CONTENT === This response contains all available snippets from this library. No additional content exists. Do not make further requests.