Почему не работает Window.close при клике на кнопку?

import React from "react";
import styles from './Greeting.module.scss'
 
export class Greeting extends React.Component<{}, { yourName: string }> {
 
    state = {
        yourName: ''
    }
 
    render() {
        return (
            <div className={styles.globalContainer}>
                <h1 className={styles.title}>Приветствие</h1>
                <hr/>
                <div className={styles.nameButtonContainer}>
                    <div className={styles.nameContainer}>
                        <label>Имя:&nbsp;<input className={styles.nameInput}  size={90} value={this.state.yourName} onChange={(e) => this.handleChange(e)}/></label>
                    </div>
                    <button className={styles.greetingButton} onClick={e => this.handleGreet(e)}>привет</button>
                    <button className={styles.greetingButton} onClick={e => {
                        close()
                        return false
                    }}>привет</button>
                </div>
            </div >
        )
    }
 
    handleChange (e) {
        this.setState({
            yourName: e.target.value
        })
    }
 
    handleGreet (e) {
        const newWindow = open()
        newWindow.document.open()
        const code = '<div style="padding-left: 20px;padding-right: 20px;text-align: center;margin-top: 30px;margin-right: 20px;margin-left: 20px;"><h1 style="color: red;padding-bottom: 50px">' + this.state.yourName + '!</h1><hr/><p><strong>Примите в подарок этот букет:</strong></p><img src="https://ptpit.ru/learn/JS/pic/flower.jpg"><button onclick="(e) => {window.close();return false;}">закрыть</button></div>'
        newWindow.document.write(code)
        newWindow.document.close()
    }
}