gaearon

If you use server rendering, keep in mind that neither useLayoutEffect nor useEffect can run until the JavaScript is downloaded.

You might see a warning if you try to useLayoutEffect on the server. Here's two common ways to fix it.

Option 1: Convert to useEffect

If this effect isn't important for first render (i.e. if the UI still looks valid before it runs), then useEffect instead.

function MyComponent() {

donaldpipowitch

const puppeteer = require('puppeteer');
const chalk = require('chalk');

const { green, red, cyan, grey, bold } = chalk;

// we assume storybook can visited at http://localhost:9001
const url = 'http://localhost:9001/iframe.html';

const runAxe = () =>
  new Promise((resolve, reject) =>

jbatchelor

Nifty trick for using a native mobile select list but triggering it with a button click:

Given:
<div class="box">
    <i class="my-icon"/>
    <select class="multi" multiple="true">
        <option>1</option>
        <option>2</option>
        <option>3</option>
   </select>