search

airbnb / react-sketchapp

render React components to Sketch ⚛️💎
http://airbnb.io/react-sketchapp/
MIT License
14.94k stars 821 forks source link

React Created Artboard could not be retrieved by the mirror app. #250

Open thierryc opened 6 years ago

thierryc commented 6 years ago

Reporting a bug or issue

React Created Artboard could not be retrieved by the mirror app.

How to reproduce:

Use Artbord to create an artbord.

<Artboard
    name={'artboardName'}
    >
    <View
      name={'ViewTitle'}>
      <Text>Text</Text>
    </View>
</Artboard>

or try react-sketchapp/examples/foursquare-maps

Connect Mirror to your Sketchapp.

BUT Cut and past the artbord fix the issue.

Sketch version: 48.2

react-sketchapp version: 1.0.0

React: 16.2.0

dmeehan1968 commented 6 years ago

Same here, observations:

  1. Cut & paste also worked for me (needs to be the Artboard, not a child element of the artboard, right click on artboard in layer list, Cut, then again and Paste Here)
  2. Re-rendering breaks it again
  3. Duplicating the Artboard makes the duplicate show up in the mirror
  4. If a new document is created it will be shared with mirror as layers are added in Sketch, but re-rendering RSA into the document yields the "This Artboard cannot be retrieved" for each Artboard.
  5. In Sketch, if Mirror > {local url} is clicked, the browser does show the RSA rendered artboards without any of the about workarounds necessary.

Sketch 48.2, RSA 1.0.0, React 16.0.0