egjs-flicking icon indicating copy to clipboard operation
egjs-flicking copied to clipboard

Unable to even use the plugin in Next.js client mode

Open pexch opened this issue 1 year ago • 1 comments
trafficstars

Description

Not able to load the plugin into TSX, throws tons of errors.

If I try to import FrameGrid from @egjs/react-grid I get the following error: TypeError: Failed to execute 'getComputedStyle' on 'Window': parameter 1 is not of type 'Element'.

If I import Flicking from @egjs/react-flicking I get this error: JSX element class does not support attributes because it does not have a 'props' property.ts(2607)

Steps to check or reproduce

import Flicking from "@egjs/react-flicking";
import { FrameGrid } from "@egjs/react-grid";

export default function Test() {
    return (
                <Flicking circular={true}>
                    <div className="grid-panel">1</div>
                    <FrameGrid className="grid-panel">
                        <div className="has-background-warning has-text-dark">2</div>
                        <div className="has-background-danger has-text-white">3</div>
                        <div className="has-background-info has-text-white">4</div>
                        <div className="has-background-success has-text-white">5</div>
                        <div className="has-background-grey has-text-white">6</div>
                    </FrameGrid>
                    <div className="grid-panel">7</div>
                    <FrameGrid className="grid-panel">
                        <div className="has-background-light has-text-dark ">8</div>
                        <div className="has-background-grey has-text-white">9</div>
                        <div className="has-background-info has-text-white">10</div>
                        <div className="has-background-success has-text-white">11</div>
                        <div className="has-background-warning has-text-dark">12</div>
                        <div className="has-background-danger has-text-white">13</div>
                    </FrameGrid>
                    </Flicking>
       )
})

pexch avatar Feb 04 '24 11:02 pexch

same issue :(

kyoung-jnn avatar Apr 18 '24 07:04 kyoung-jnn