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 (

{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.