ReferenceError: self is not defined

[Suriyasanjay]

this my code given by the reference but shows he error

import React, { useEffect, useState } from 'react'; import FolderTree from 'react-folder-tree';

// Polyfill for the self object

const Custom = () => { const [treeState, setTreeState] = useState(null);

const treeData = { name: 'root [half checked and opened]', checked: 0.5, isOpen: true, children: [ { name: 'children 1 [not checked]', checked: 0 }, { name: 'children 2 [half checked and not opened]', checked: 0.5, isOpen: false, children: [ { name: 'children 2-1 [not checked]', checked: 0 }, { name: 'children 2-2 [checked]', checked: 1 }, ], }, ], };

useEffect(() => { setTreeState(treeData); }, []);

return ( <div className="demo-sandbox"> {treeState && ( <FolderTree data={treeState} onChange={(state, event) => setTreeState(state)} /> )} ); };

export default Custom;

[apollo0102]

Hi man I think you use nextjs.

import dynamic from "next/dynamic"; const FolderTree = dynamic(() => import("react-folder-tree"), { ssr: false });

Please refer above codes.