createTheme is not a function

[erwinespl]

on nexJS

const SingleEliminationBracket = dynamic( () => { return import("@g-loot/react-tournament-brackets").then(mod => mod.SingleEliminationBracket);},{ ssr: false } ); const SVGViewer = dynamic( () => { return import("@g-loot/react-tournament-brackets").then(mod => mod.SVGViewer);},{ ssr: false } ); const createTheme = dynamic( () => { return import("@g-loot/react-tournament-brackets").then(mod => mod.createTheme);},{ ssr: false } );

const WhiteTheme = createTheme({ textColor: { main: "#000000", highlighted: "#ffffffde", dark: "#ffffffde" }, matchBackground: { wonColor: "#E7B738", lostColor: "#ffffff26" }, score: { background: { wonColor: "#212121", lostColor: "#212121" }, text: { highlightedWonColor: "#E7B738", highlightedLostColor: "#FB7E94" }, }, border: { color: "#fff", highlightedColor: "#8968c4", }, roundHeader: { backgroundColor: "#424242",
fontColor: "#ffffffde" }, connectorColor: "#B388FFE5", connectorColorHighlight: "#E7B738", svgBackground: "transparent", });

[Shenato]

Please let me know if this change fixes it https://github.com/g-loot/react-tournament-brackets/pull/64

You can easily test it by npm installing this beta release https://www.npmjs.com/package/@g-loot/react-tournament-brackets/v/1.0.31-rc