Template Render Error: Partial demo-joke already registered

RTemplate Render Error:Partial demo-joke already registered

1)PartialsPlugin.register./source/reface/partials/PartialsPlugin.ts:22:13

  ​  ​super();
  ​  ​this.apiPrefix = options.apiPrefix || "/reface/partial";
  ​}
  ​public register(name: string, handler: PartialHandler): void {
  ​  ​if (this.partials.has(name)) {
  ​  ​  ​throw new Error(`Partial ${name} already registered`);
                └─▶ Partial demo-joke already registered
  ​  ​}
  ​  ​this.partials.set(name, handler);
  ​}
  ​setup(): void {
  ​  ​this.partials.clear();
  ​}

2)component.meta.partial./source/reface/partials/partial.ts:27:67

  ​  ​handler,
  ​  ​apiPrefix,
  ​};
  ​return component<HTMLAttributes, PartialMethods>(
  ​  ​(props, children) => {
  ​  ​  ​Reface.reface.recast.getPlugin<PartialsPlugin>("partials")?.register(
  ​  ​  ​  ​name,
  ​  ​  ​  ​handler,
  ​  ​  ​);
  ​  ​  ​return element.div({
  ​  ​  ​  ​...props,
  ​  ​  ​  ​"data-partial": meta.name,
  ​  ​  ​})`

3)ComponentExpression.render./source/recast/expressions/component/ComponentExpression.ts:51:7

  ​  ​  ​userContext?: RenderOptions;
  ​  ​},
  ​): string {
  ​  ​const { render, attributes, children, id } = node[PROXY_PAYLOAD];
  ​  ​const result = context.render(
  ​  ​  ​render(attributes, children, {
  ​  ​  ​  ​...userContext,
  ​  ​  ​  ​component: {
  ​  ​  ​  ​  ​id,
  ​  ​  ​  ​},
  ​  ​  ​}),
  ​  ​);

4)Recast.renderNode./source/recast/recast/Recast.ts:137:41

  ​  ​  ​  ​  ​});
  ​  ​  ​  ​  ​if (result !== undefined) {
  ​  ​  ​  ​  ​  ​processedNode = result;
  ​  ​  ​  ​  ​}
  ​  ​  ​  ​}
  ​  ​  ​  ​const renderedHtml = expression.render({
  ​  ​  ​  ​  ​node: processedNode,
  ​  ​  ​  ​  ​...data,
  ​  ​  ​  ​});
  ​  ​  ​  ​let processedHtml = renderedHtml;
  ​  ​  ​  ​for (const plugin of this.plugins.values()) {
  ​  ​  ​  ​  ​const result = plugin.runAfterHooks(expression, {

5)Object.render./source/recast/recast/Recast.ts:81:16

  ​): Promise<RenderResult> {
  ​  ​asyncExpression.clear();
  ​  ​const data: RenderData = {
  ​  ​  ​context: {
  ​  ​  ​  ​render: (value: Child) =>
  ​  ​  ​  ​  ​this.renderNode({
  ​  ​  ​  ​  ​  ​node: value,
  ​  ​  ​  ​  ​  ​...data,
  ​  ​  ​  ​  ​}),
  ​  ​  ​},
  ​  ​  ​userContext: {
  ​  ​  ​  ​...userContext,
  ​  ​  ​},

6)ElementExpression./source/recast/expressions/element/ElementExpression.ts:49:31

  ​  ​if (isVoid) {
  ​  ​  ​return `<${tag}${attrs}/>`;
  ​  ​}
  ​  ​const renderedChildren = children
  ​  ​  ​.map((child) => context.render(child as Child))
  ​  ​  ​.join("");
  ​  ​return `<${tag}${attrs}>${renderedChildren}</${tag}>`;
  ​}
  ​// @ts-ignore FIXME
  ​create<Methods extends Record<string, any> = EmptyRecord>(

7)ElementExpression.render./source/recast/expressions/element/ElementExpression.ts:49:8

  ​  ​if (isVoid) {
  ​  ​  ​return `<${tag}${attrs}/>`;
  ​  ​}
  ​  ​const renderedChildren = children
  ​  ​  ​.map((child) => context.render(child as Child))
  ​  ​  ​.join("");
  ​  ​return `<${tag}${attrs}>${renderedChildren}</${tag}>`;
  ​}
  ​// @ts-ignore FIXME
  ​create<Methods extends Record<string, any> = EmptyRecord>(

8)Recast.renderNode./source/recast/recast/Recast.ts:137:41

  ​  ​  ​  ​  ​});
  ​  ​  ​  ​  ​if (result !== undefined) {
  ​  ​  ​  ​  ​  ​processedNode = result;
  ​  ​  ​  ​  ​}
  ​  ​  ​  ​}
  ​  ​  ​  ​const renderedHtml = expression.render({
  ​  ​  ​  ​  ​node: processedNode,
  ​  ​  ​  ​  ​...data,
  ​  ​  ​  ​});
  ​  ​  ​  ​let processedHtml = renderedHtml;
  ​  ​  ​  ​for (const plugin of this.plugins.values()) {
  ​  ​  ​  ​  ​const result = plugin.runAfterHooks(expression, {

9)Object.render./source/recast/recast/Recast.ts:81:16

  ​): Promise<RenderResult> {
  ​  ​asyncExpression.clear();
  ​  ​const data: RenderData = {
  ​  ​  ​context: {
  ​  ​  ​  ​render: (value: Child) =>
  ​  ​  ​  ​  ​this.renderNode({
  ​  ​  ​  ​  ​  ​node: value,
  ​  ​  ​  ​  ​  ​...data,
  ​  ​  ​  ​  ​}),
  ​  ​  ​},
  ​  ​  ​userContext: {
  ​  ​  ​  ​...userContext,
  ​  ​  ​},