|
@@ -82,8 +82,8 @@ const Keyboard: React.FC<Props> = ({ |
|
|
|
|
|
|
|
|
const { natural: NaturalKey = DefaultNaturalKey, accidental: AccidentalKey = DefaultAccidentalKey } = keyComponents! |
|
|
const { natural: NaturalKey = DefaultNaturalKey, accidental: AccidentalKey = DefaultAccidentalKey } = keyComponents! |
|
|
|
|
|
|
|
|
const getKeyWidth = React.useCallback((k) => getKeyWidthUnmemoized(startKey, endKey)(k), [startKey, endKey, width]) |
|
|
|
|
|
const getKeyLeft = React.useCallback((k) => getKeyLeftUnmemoized(startKey, endKey)(k), [startKey, endKey, width]) |
|
|
|
|
|
|
|
|
const getKeyWidth = React.useCallback((k) => getKeyWidthUnmemoized(startKey, endKey)(k), [startKey, endKey]) |
|
|
|
|
|
const getKeyLeft = React.useCallback((k) => getKeyLeftUnmemoized(startKey, endKey)(k), [startKey, endKey]) |
|
|
const isNaturalKey = React.useCallback((k) => isNaturalKeyUnmemoized(k), []) |
|
|
const isNaturalKey = React.useCallback((k) => isNaturalKeyUnmemoized(k), []) |
|
|
|
|
|
|
|
|
React.useEffect(() => { |
|
|
React.useEffect(() => { |
|
|