[SOLVED] Volto Block is just Empty with a Forbidden Icon

Plone Support
1

Apologies in advance. It seems I can't paste links or images :frowning:

I'm following the Mastering Plone 6 training. I'm to the part where I am supposed to update the News page to display the News Items that I created. It says to go to the Block tab. However, in my frontend, when I go to "Block" I don't see any fields, just a grey forbidden icon (circle with a slash through it).

The console stack trace I get is this, but I'm not sure if its a red herring or not:

Warning: componentWillReceiveProps has been renamed, and is not recommended for use. See https://reactjs.org/link/unsafe-component-lifecycles for details.

* Move data fetching code or side effects to componentDidUpdate.
* If you're updating state whenever props change, refactor your code to use memoization techniques or move it to static getDerivedStateFromProps. Learn more at: https://reactjs.org/link/derived-state
* Rename componentWillReceiveProps to UNSAFE_componentWillReceiveProps to suppress this warning in non-strict mode. In React 18.x, only the UNSAFE_ name will work. To rename all deprecated lifecycles to their new names, you can run `npx react-codemod rename-unsafe-lifecycles` in your project source folder.

Please update the following components: DateInput
2

The "Block" sidebar tab is usually empty when the block edit component doesn't fill it in. I'm not familiar with the Mastering Plone training, so I don't know the step you're doing now. It may be "normal", for the step you're doing. You can test Volto on demo.plone.org, to check how block editing is supposed to behave.

3

Thanks again! Yes, what I was doing was clicking the title block and selecting the Block tab. Even in the demo site I got the forbidden icon.

Instead I needed to create another block below and then the Block tab was populated. Many thanks!