Crear otra ventana en electron con react js

Terminé mi app y estoy haciendo un dashboard para poder manejar mis datos desde una app de escritorio creada con electron y react.

Para poder usar estas dos tecnologías juntas, primero creé mi proyecto con la cli de react npx create-react-app y luego agregué un electron.js al lado del index.html que se encuentra dentro de la carpeta public.

Les dejo mi código y luego explico mi problema:

import React from 'react'
import Paper from '@material-ui/core/Paper';
import Card from '@material-ui/core/Card';
import { makeStyles } from '@material-ui/core/styles'
import { IconButton, Typography } from '@material-ui/core';
import AddOutlinedIcon from '@material-ui/icons/AddOutlined';

export default function Articulos(props) {


const addArticle = ()=>{
    //aqui la logica para crear una nueva ventana que obviamente no se como hacerlo
}

const classes = useStyles()
return (
    <>
        <Paper onClick={addArticle} elevation={9} className={classes.add}>
            <Card className={classes.container}>
                <IconButton >
                    <AddOutlinedIcon className={classes.button}/>
                </IconButton>
                <Typography className={classes.footer}>
                    Agregar un nuevo articulo
                </Typography>
            </Card>
        </Paper>
    </>
)
}

Necesito crear una ventana nueva cuando se dispare el evento addArticle, pero no se como crearlo, es mi primera vez en esto .