Can't config this thing

[ciokan]

I tried putting those settings (markMap or even alwaysEncodeBreakingEntities) everywhere with no effect:

export const Serialize = ({content, config = {}}: { content: any, config?: SlateToReactConfig }) => {
	return (
		<SlateToReact
			node={content}
			config={{
				...payloadSlateToReactConfig,
				markMap: {
					strikethrough: ['s'],
					bold         : ['strong'],
					underline    : ['u'],
					italic       : ['i'],
					code         : ['code'],
				},
				react  : {
					...payloadSlateToReactConfig.react,
					markMap          : {
						strikethrough: ['s'],
						bold         : ['strong'],
						underline    : ['u'],
						italic       : ['i'],
						code         : ['code'],
					},
					elementTransforms: {
						...payloadSlateToReactConfig.elementTransforms,
						upload: ({node, attribs, children}) => {
							if (node.value?.mimeType && node.value?.url) {
								if (node.value?.mimeType.match(/^image/)) {
									return (
										<img
											src={node.value.url}
											alt={node.value.alt || node.value.filename}
											className={"w-full border-2"}
										/>
									);
								}
							}
							return;
						}
					},
				},
				...config,
				alwaysEncodeBreakingEntities: false,
				html                        : {
					...payloadSlateToReactConfig.html,
					markMap                     : {
						strikethrough: ['s'],
						bold         : ['strong'],
						underline    : ['u'],
						italic       : ['i'],
						code         : ['code'],
					},
					alwaysEncodeBreakingEntities: false,
				}
			}}
		/>
	);
};

What is the correct way?

[thompsonsj]

Hey! Sorry, yes - it's not documented properly. I'll address that.

The config for SlateToReact is a bit strange- it is a kind of 'hybrid' config where the slateToDom config goes under a dom key and the React specific config (transform functions) go under a react key.

An example to illustrate #176.

I'll follow up with docs for this component. Might also review how the config is structured, make it as simple as possible.