How do I include window as a valid prop with PropTypes?

haxxxton

I am trying to define my list of PropTypes for a class component. The component can accept either a regular DOM element or window as its prop value. Currently, I have:

class FooContainer extends Component {
    static propTypes = {
        container: PropTypes.oneOfType([
            PropTypes.element,
            PropTypes.instanceOf(Element),
        ]),
    };
    static defaultProps = {
        container: window,
    };
    constructor(props: any) {
        super(props);
    }
    render() {
        return (
            <div />
        );
    }
}

However, when the component defaults to using window as the container prop, the following error is thrown:

Warning: Failed prop type: Invalid prop `container` supplied to `FooContainer`.

As such, what is the valid PropType to use for property with value of window?

Andrew Li

What you can do is use oneOfType and include an instance of the window object's constructor, Window:

PropTypes.instanceOf(window.constructor)

This will allow any Window instance as a prop value.

Collected from the Internet

Please contact [email protected] to delete if infringement.

edited at
0

Comments

0 comments
Login to comment

Related

How do I include a window close command in HTML assembled with PHP?

Can I use PropTypes to express that a prop is a Promise?

How should I pass my prop to get a valid Array[Object]

How do I set PropTypes for Higher Order Functional Component?

How do I make a prop optional if another prop is of a specified type?

How do I specify the type of a prop to refer to the type of another prop?

How do I include the username and password in a powershell script running a window service msi

In Window Batch - how do I parse CSV file where fields include Comma and double quote

How do I change the style of a prop in <TextField>?

How do I shift a prop array on Svelte?

How do I Increment a React Prop

How do I include jvmstat?

How do I #include ActivityResultContracts

I have changed to PropTypes to "prop-types" but still get Error evaluating React.PropTypes

Why do I get an Invariant Violation when I don't include an optional prop?

How do I create a valid shortcut for Eclipse?

How do I check that my branching is valid

How do I specify a DCG for a valid number?

How do I check if a file pointer is valid?

How do I check if a value is valid and then return it?

How to specify proptypes to allow nullable, required prop value?

Do I Use PropTypes if Using Context API

How do I express an include on an enum field?

How do I include Boost libraries?

How do I include a dependency package in a snap?

How do I include a sort function in a module?

Django: How do I include username in url?

how do i include a string or an 'and' inside a list?

How do I include a body into a tagfile

TOP Ranking

  1. 1

    Failed to listen on localhost:8000 (reason: Cannot assign requested address)

  2. 2

    Loopback Error: connect ECONNREFUSED 127.0.0.1:3306 (MAMP)

  3. 3

    How to import an asset in swift using Bundle.main.path() in a react-native native module

  4. 4

    pump.io port in URL

  5. 5

    Compiler error CS0246 (type or namespace not found) on using Ninject in ASP.NET vNext

  6. 6

    BigQuery - concatenate ignoring NULL

  7. 7

    ngClass error (Can't bind ngClass since it isn't a known property of div) in Angular 11.0.3

  8. 8

    ggplotly no applicable method for 'plotly_build' applied to an object of class "NULL" if statements

  9. 9

    Spring Boot JPA PostgreSQL Web App - Internal Authentication Error

  10. 10

    How to remove the extra space from right in a webview?

  11. 11

    java.lang.NullPointerException: Cannot read the array length because "<local3>" is null

  12. 12

    Jquery different data trapped from direct mousedown event and simulation via $(this).trigger('mousedown');

  13. 13

    flutter: dropdown item programmatically unselect problem

  14. 14

    How to use merge windows unallocated space into Ubuntu using GParted?

  15. 15

    Change dd-mm-yyyy date format of dataframe date column to yyyy-mm-dd

  16. 16

    Nuget add packages gives access denied errors

  17. 17

    Svchost high CPU from Microsoft.BingWeather app errors

  18. 18

    Can't pre-populate phone number and message body in SMS link on iPhones when SMS app is not running in the background

  19. 19

    12.04.3--- Dconf Editor won't show com>canonical>unity option

  20. 20

    Any way to remove trailing whitespace *FOR EDITED* lines in Eclipse [for Java]?

  21. 21

    maven-jaxb2-plugin cannot generate classes due to two declarations cause a collision in ObjectFactory class

HotTag

Archive