Multiple effects at react-figma

index.ts

import * as React from 'react';
import { Page, Rectangle } from 'react-figma';

export const App = () => {
    const effects: Effect[] = [
        {
            type: 'DROP_SHADOW',
            color: {
                r: 0,
                g: 0,
                b: 0,
                a: 0.15
            },
            offset: {
                x: 0,
                y: 0
            },
            radius: 4,
            visible: true,
            blendMode: 'NORMAL'
        },
        {
            type: 'DROP_SHADOW',
            color: {
                r: 0,
                g: 0,
                b: 0,
                a: 0.29
            },
            offset: {
                x: 0,
                y: 2
            },
            radius: 4,
            visible: true,
            blendMode: 'NORMAL'
        }
    ];
    return (
        <Page name="New page" isCurrent>
            <Rectangle style={{width: 100, height: 100, backgroundColor: "#ffffff"}} effects={effects} />
        </Page>
    );
};