Context example

import React, {createContext, useState} from "react";

export const CutContext = createContext(true);

export const CutProvider = (props) => {
    const [current_index, set_current_index] = useState(0)
    const [cut_list, set_cut_list] = useState([])

    return (
        <CutContext.Provider
            value={
                {
                    current_index: current_index,
                    set_current_index: set_current_index,

                    cut_list: cut_list,
                    set_cut_list: set_cut_list
                }
            }
        >
            {props.children}
        </CutContext.Provider>
    )
}