Component props are not updating | Puck | Page 1

arctic ridge Nov 11, 2023, 6:12 AM

#

I' using @measured/[email protected] with Next.js pages router. When I update the text via the text field on the right, it does not render this value on the component. Here is the quick video https://www.loom.com/share/afa8dd2940114e7b9e6ed4112b5ae56b?sid=a0550d42-f935-4b3a-a1b6-5f05e85a8493

I'm following the instructions from the README.

noble steppe Nov 11, 2023, 7:53 AM

#

Hi Kiran. Do you have any errors in your console? Can you share your code?

arctic ridge Nov 11, 2023, 9:45 AM

#

Here is the code snippet

import { Puck } from "@measured/puck";
import "@measured/puck/dist/index.css";

import HeroBlock from "@/blocks/Hero";

const config = {
  components: {
    HeroBlock: {
      fields: {
        title: {
          type: "text",
        },
        subtitle: {
          type: "text",
        },
      },
      defaultProps: {
        title: "Hello, world!",
        subtitle: "This is a subtitle",
      },
      render: ({ title, subtitle }) => {
        return <HeroBlock title={title} subtitle={subtitle} />;
      },
    },
  },
};

const initialData = {
  content: [],
  root: {},
};

const save = (data) => {
  console.log(data);
};

export default function Editor() {
  return <Puck config={config} data={initialData} onPublish={save} />;
}

#

I'm not seeing any errors in the console.

noble steppe Nov 11, 2023, 4:26 PM

#

Hm I can't reproduce this. Can you share a repo that I can jump into?

arctic ridge Nov 12, 2023, 7:05 AM

#

Here is the repo https://github.com/devkiran/test-puck-editor/blob/main/pages/editor.js
Let me know if you can spot any mistake in the configuration.

noble steppe Nov 12, 2023, 9:53 PM

#

Hey @arctic ridge. Have identified the issue as a change in v0.11.0. Have rolled a fix into 0.11.3-canary.487ab83

noble steppe Nov 12, 2023, 10:21 PM

#

v0.11.3 has been released. I tested it and it worked in your branch.

#Component props are not updating