Using latest sharkord (0.0.7) and latest plugin example
Getting following error
An error occurred in plugin soundboard at slot home_screen.
Please report this to the plugin developer.
Error Details
Copy details
c6.jsxDEV is not a function
TypeError: c6.jsxDEV is not a function
at h5
Changing build.ts from
Bun.build({
entrypoints: ["src/client.ts"],
outdir,
target: "browser",
minify: true,
format: "esm",
plugins: [clientGlobals],
}),
Bun.build({
entrypoints: ["src/client.ts"],
outdir,
target: "browser",
minify: true,
format: "esm",
define: {
"process.env.NODE_ENV": "\"production\"",
},
plugins: [clientGlobals],
}),
Resolves this issue and it works great. I used AI to help fix this so I cant say its the best option. This is what it said:
process.env.NODE_ENV="production" prevents importing react/jsx-dev-runtime, so you get react/jsx-runtime instead of jsxDEV.
Reproduced it using this component soundboard.tsx
import { type TPluginSlotContext } from "@sharkord/plugin-sdk";
import { useState } from "react";
import { Button, Popover, PopoverContent, PopoverTrigger } from "@sharkord/ui";
const Soundboard = ({ currentVoiceChannelId }: TPluginSlotContext) => {
const [isOpen, setIsOpen] = useState(false);
return (
<Popover open={isOpen} onOpenChange={setIsOpen}>
<PopoverTrigger asChild>
<Button
size="icon"
variant="ghost"
className="h-8 w-8"
onClick={() => {
setIsOpen((prev) => !prev);
}}
disabled={!currentVoiceChannelId}
>
<span role="img" aria-label="Soundboard">
🔊
</span>
</Button>
</PopoverTrigger>
<PopoverContent side="top" align="end" className="w-64">
<div className="text-sm">Soundboard popup</div>
</PopoverContent>
</Popover>
);
};
export { Soundboard };
Using latest sharkord (0.0.7) and latest plugin example
Getting following error
Changing build.ts from
Resolves this issue and it works great. I used AI to help fix this so I cant say its the best option. This is what it said:
Reproduced it using this component soundboard.tsx