hacklab/strudel
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix: dumb react ssr workaround

Browse source
This commit is contained in:
Felix Roos 2023-12-29 00:30:46 +01:00
parent f477273d8a
commit b0bdd09032
1 changed files with 6 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

8
website/src/docs/MiniRepl.jsx
View file

@ -1,4 +1,4 @@
import { useState, useRef, useCallback, useMemo, useEffect } from 'react';
import { useState, useRef, useCallback, useMemo, useEffect, useLayoutEffect } from 'react';
import { Icon } from './Icon';
import { silence, getPunchcardPainter, noteToMidi } from '@strudel.cycles/core';
import { transpiler } from '@strudel.cycles/transpiler';
@ -9,6 +9,9 @@ import { prebake } from '../repl/prebake.mjs';
import { loadModules } from '../repl/util.mjs';
import Claviature from '@components/Claviature';
// https://gist.github.com/gaearon/e7d97cdf38a2907924ea12e4ebdf3c85
export const useIsomorphicLayoutEffect = typeof window !== 'undefined' ? useLayoutEffect : useEffect;
let prebaked, modulesLoading;
if (typeof window !== 'undefined') {
prebaked = prebake();
@ -89,7 +92,8 @@ export function MiniRepl({
const editorRef = useRef();
const containerRef = useRef();
const [client, setClient] = useState(false);
useEffect(() => {
useIsomorphicLayoutEffect(() => {
setClient(true);
if (!editorRef.current) {
setTimeout(() => {