jlkiri/react-easy-flip

getComputedStyle

Opened this issue · 0 comments

image

Uncaught TypeError: Failed to execute 'getComputedStyle' on 'Window': parameter 1 is not of type 'Element'.


    useFlip('flipRoot', animationOptions);


<FlipProvider>
                    <div data-flip-root-id="flipRoot">
                        <AnimateInOut
                            out={{
                                from: {
                                    transform: 'translateX(0px)',
                                    opacity: 1,
                                },
                                to: {
                                    transform: 'translateX(-500px)',
                                    opacity: 0,
                                },
                                duration: 300,
                            }}
                            in={{
                                from: {
                                    transform: 'translateX(500px)',
                                    opacity: 0,
                                },
                                to: {
                                    transform: 'translateX(0px)',
                                    opacity: 1,
                                },
                                duration: 300,
                            }}
                            playOnFirstRender
                        >
                           <div>
                            <Component
                                userRef={userRef}
                                resumeRef={resumeRef}
                                user={user}
                                currentValue={value}
                                onChange={onChange}
                                stepKey={key}
                                step={currentStep}
                                setStepComplete={setStepComplete}
                                next={next}
                                back={back}
                            />
                           </div>
                        </AnimateInOut>
                    </div>
                </FlipProvider>

The actual animation works; however, on occasion this error will pop up after the animation completes.