Area.Line not displaying anything

I used the following code:

import React, { Component } from 'react';

import { render, Window, App, Area, Text } from 'proton-native';

class Example extends Component {
  render() {
    return (
      <App>
        <Window title="Example" margined={true} menuBar={false}>
          <Area strokeWidth="10">
            <Area.Line x1={10} y1={100} x2={200} y2={100} stroke="blue"/>
          </Area>
        </Window>
      </App>
    );
  }
}

render(<Example />);

Output: OS: Linux Node: v11.13.0 proton-native: 1.1.11

[ranjan-purbey]

We should add this on the manual then, I guess

[ranjan-purbey]

@kusti8 Yes, I tried both but didn’t work @mischnic Surrounding by a box made it work. Though, I do not understand, why that is needed. Also if it is required, the official documentation should be updated to say so