Stop rerender of p5 component when redux variables update about react HOT 3 CLOSED

    export default function Renderer() {
    // Redux store
    const background = useSelector((state) => state.world.background);
    const images = useSelector((state) => state.images.loadedImages);
    const unloadedImages = useSelector((state) => state.images.unloadedImages);
    const editorMode = useSelector((state) => state.client.editorMode);
    const {mapScale, windowHeight, windowWidth, panX, panY} = useSelector((state) => state.client);
    const dispatch = useDispatch();

    // get user setttings fil;
    const userSettings = require('../assets/world/settings.json');

    // state variables
    const EDITOR_GRID = {
        // editor grid size
        // TODO: move to worldSlice
        x: userSettings.gridColumns || 56,
        y: userSettings.gridRows || 36,
        tilesize: userSettings.tileSize || 6,
        // editor bounds
        left: -1,
        right: -1,
        top: -1,
        bottom: -1,
    }
    return (
        <ReactP5Wrapper sketch={sketch} background={background}
            editorMode={editorMode} mapScale={mapScale} windowHeight={windowHeight} windowWidth={windowWidth} panX={panX} panY={panY}
            EDITOR_GRID={EDITOR_GRID} images={images} unloadedImages={unloadedImages} dispatch={dispatch}
            />
    );
}


// The P5.js sketch
const sketch = (p5) => {
    // state variables
    let EDITOR_GRID = {
        // editor grid size
        // TODO: move to worldSlice
        x: 56,
        y: 36,
        tilesize:  6,
        // editor bounds
        left: -1,
        right: -1,
        top: -1,
        bottom: -1,
    }
    let mapScale = 0;
    let windowHeight = 0;
    let windowWidth = 0;
    let panX = p5.panX;
    let panY = p5.panY;
    let background = [];
    let images = [];
    let unloadedImages = [];
    let editorMode = p5.editorMode;
    let dispatch = ()=>{};
    
    let unloadedImagesCooldown = -1;


    p5.updateWithProps   = (newProps) => {
        EDITOR_GRID = newProps.EDITOR_GRID;
        mapScale = newProps.mapScale;
        windowHeight = newProps.windowHeight;
        windowWidth = newProps.windowWidth;
        panX = newProps.panX;
        panY = newProps.panY;
        background = newProps.background;
        images = newProps.images;
        unloadedImages = newProps.unloadedImages;
        editorMode = newProps.editorMode;
        dispatch = newProps.dispatch;
    }

   ....

   rest of functions for drawing and updating

   ...
}