How to use the react-mathquill.default function in react-mathquill
To help you get started, we’ve selected a few react-mathquill examples, based on popular ways it is used in public projects.
Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.
edtr-io / edtr-io / packages / plugins / text / src / plugins / katex / editor.tsx View on Github 
import {
katexBlockNode,
katexInlineNode,
orderedListNode,
unorderedListNode
} from '../../model'
import { Button } from '../../toolbar/button'
import { Dropdown, Option } from '../../toolbar/dropdown'
import { HoveringOverlay } from '../hovering-overlay'
import { InlineCheckbox } from '../inline-checkbox'
import { isList } from '../list'
import { Math } from './math-component'
// eslint-disable-next-line @typescript-eslint/no-explicit-any
const MathQuill: React.ComponentType = canUseDOM
? require('react-mathquill').default
: () => null
interface MathField {
typedText(text: string): void
latex(): string
}
const EditorWrapper = styled.div<{ inline: boolean }>(props => {
return {
whiteSpace: undefined,
overflowWrap: undefined,
...(props.inline
? {
display: 'inline-block'
}react-mathquill
React component wrapper for Mathquill
