Skip to content

Commit

Permalink
Prevent Draft-related libraries from crashing when rendered server-side
Browse files Browse the repository at this point in the history
  • Loading branch information
Anahkiasen committed Mar 10, 2023
1 parent d40a805 commit a511fbd
Show file tree
Hide file tree
Showing 2 changed files with 10 additions and 14 deletions.
11 changes: 6 additions & 5 deletions src/pages/RichTextEditor.tsx
Original file line number Diff line number Diff line change
@@ -1,12 +1,13 @@
import 'react-draft-wysiwyg/dist/react-draft-wysiwyg.css';

import { Editor } from 'react-draft-wysiwyg';
import dynamic from 'next/dynamic';

function RichTextEditor({ editorState, onInput, onBlur }) {
if (typeof window === 'undefined') {
return null;
}
const Editor = dynamic(
() => import('react-draft-wysiwyg').then(({ Editor }) => Editor),
{ ssr: false },
);

function RichTextEditor({ editorState, onInput, onBlur }) {
return (
<div style={{ background: 'white', borderRadius: 10, padding: 10 }}>
<Editor
Expand Down
13 changes: 4 additions & 9 deletions src/pages/steps/AdditionalInformationStep/DescriptionStep.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -18,17 +18,12 @@ import { Breakpoints } from '@/ui/theme';
import { TabContentProps, ValidationStatus } from './AdditionalInformationStep';
import RichTextEditor from '@/pages/RichTextEditor';
import draftToHtml from 'draftjs-to-html';
import {
ContentState,
convertFromRaw,
convertToRaw,
EditorState,
RawDraftContentState,
} from 'draft-js';
import { raw } from '@storybook/react';
import { ContentState, convertToRaw, EditorState } from 'draft-js';
import { getLanguageObjectOrFallback } from '@/utils/getLanguageObjectOrFallback';
import { SupportedLanguage } from '@/i18n/index';
import htmlToDraft from 'html-to-draftjs';

const htmlToDraft =
typeof window === 'object' && require('html-to-draftjs').default;

const IDEAL_DESCRIPTION_LENGTH = 200;

Expand Down

0 comments on commit a511fbd

Please sign in to comment.