Install & Compatibility
Where this runs
No compatibility data collected yet for this library.
Code
Verified usage
Verified import paths — ran on the pinned version, not inferred.
QuillSQL
✓ import QuillSQL from 'react-quill-sql'
✗ const { QuillSQL } = require('react-quill-sql')
Default export, not named export.
QuillSQL
✓ const QuillSQL = require('react-quill-sql').default
✗ const QuillSQL = require('react-quill-sql')
CJS requires .default access.
React
✓ import React from 'react'
✗ none
Required for JSX in usage example.
Minimal setup showing QuillSQL component with required customerId, publicKey, and theme/container styling.
import React, { Component } from 'react';
import QuillSQL from 'react-quill-sql';
class Example extends Component {
render() {
return (
<QuillSQL
customerId='3'
publicKey='YOUR_PUBLIC_KEY'
theme={{
fontFamily: 'BlinkMacSystemFont',
fontSize: 14,
headerFontSize: 16,
primaryColor: '#E26A3C',
secondaryColor: 'white',
selectUnderlayColor: '#F9F9F9',
backgroundColor: 'white',
fontColor: '#212121',
secondaryFontColor: '#636565',
selectedFontColor: '#212121',
borderColor: '#F0F0F0',
labelFontWeight: '500',
headerFontWeight: '600',
selectedFontWeight: '700',
padding: 20,
borderRadius: '8px',
shadowColor: 'rgba(76, 83, 146, 0.09)',
shadowRadius: '8px'
}}
containerStyle={{
display: 'flex',
flexDirection: 'row',
height: 600,
width: 1200,
boxShadow: '0px 1px 24px 0px rgba(76, 83, 146, 0.09)',
borderRadius: 12,
overflow: 'hidden'
}}
/>
);
}
}
Errors
Common errors & fixes
Module not found: Can't resolve 'react-quill-sql'
Package not installed.
fixRun npm install react-quill-sql
TypeError: QuillSQL is not a constructor
CJS require without .default.
fixUse const QuillSQL = require('react-quill-sql').default Error: publicKey is required
Missing publicKey prop.
fixAdd publicKey='YOUR_PUBLIC_KEY' to <QuillSQL>
Audit
Dependencies
reactrequiredpeer dependency; component requires React >=17
react-domoptionalpeer dependency; required for rendering