g-loot
createTheme is not a function
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",
});
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
