SSR Component Library

We have a component library with components styled using aphrodite.

When importing this into a server-side rendered project the components we get the following error:

```

Error: Cannot automatically buffer without a document

```

**npm packaged component**

```
import React from "react";
import { StyleSheet, css } from "aphrodite";

const Card = () => {
const baseStyles = StyleSheet.create({
container: {
color: "blue"
}
});

return (

Card

);
}

export default Card;
```

**SSR Rendered App**

```
import React from 'react';
import { Card } from 'component library here';

export const App = () =>

;

export default App;
```

If I use an aphrodite styled component within the application it runs with no issue.

Reproduce the error using the npm-packaged Card component and the SSR-rendered App example in the issue, then compare it with an Aphrodite component defined inside the application. Trace why the packaged component cannot render without a document; done means the library component renders in the server-side environment without the buffering error.

Written by the indexing model from the issue text.