mirror/slate
1
0
Fork 0
mirror of https://github.com/ianstormtaylor/slate.git synced 2025-08-30 10:29:48 +02:00
Code Issues Releases Wiki Activity

fix: text not rendered on server-side rendering (#4796)

Browse Source
This commit is contained in:
Sihong
2022-01-20 18:32:15 +08:00
committed by GitHub
parent a65aec1c27
commit 5d8a160669
2 changed files with 8 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
.changeset/orange-zoos-exercise.md Normal file
View File

@@ -0,0 +1,5 @@
---
'slate-react': patch
---
Fix text not rendered on server-side rendering

5
packages/slate-react/src/components/string.tsx
View File

@@ -1,7 +1,8 @@
import React, { useRef, useLayoutEffect } from 'react' import React, { useRef } from 'react'
import { Editor, Text, Path, Element, Node } from 'slate' import { Editor, Text, Path, Element, Node } from 'slate'
import { ReactEditor, useSlateStatic } from '..' import { ReactEditor, useSlateStatic } from '..'
import { useIsomorphicLayoutEffect } from '../hooks/use-isomorphic-layout-effect'
/** /**
* Leaf content strings. * Leaf content strings.
@@ -69,7 +70,7 @@ const TextString = (props: { text: string; isTrailing?: boolean }) => {
// eg makes native spellcheck opt out from checking the text node. // eg makes native spellcheck opt out from checking the text node.
// useLayoutEffect: updating our span before browser paint // useLayoutEffect: updating our span before browser paint
useLayoutEffect(() => { useIsomorphicLayoutEffect(() => {
// null coalescing text to make sure we're not outputing "null" as a string in the extreme case it is nullish at runtime // null coalescing text to make sure we're not outputing "null" as a string in the extreme case it is nullish at runtime
const textWithTrailing = `${text ?? ''}${isTrailing ? '\n' : ''}` const textWithTrailing = `${text ?? ''}${isTrailing ? '\n' : ''}`