TypeError: Object prototype may only be an Object or null: undefined

[Sagarshivalingappaathani]

import React from 'react' import Split from 'react-split'; import '../../styles/global.css';

type Props = {}

const workSpace = (props: Props) => { return (

1

2

) }

export default workSpace

when i am using Split in Typescript it is giving the error as

⨯ node_modules\react-split\dist\react-split.js (23:40) @ create ⨯ TypeError: Object prototype may only be an Object or null: undefined at Function.create () at eval (webpack-internal:///(rsc)/./node_modules/react-split/dist/react-split.js:24:41)
at eval (webpack-internal:///(rsc)/./node_modules/react-split/dist/react-split.js:175:6)
at eval (webpack-internal:///(rsc)/./node_modules/react-split/dist/react-split.js:3:30) at eval (webpack-internal:///(rsc)/./node_modules/react-split/dist/react-split.js:4:3) at (rsc)/./node_modules/react-split/dist/react-split.js (C:\Users\sagar\OneDrive\Desktop\letsCode SLP\letscode.next\server\vendor-chunks\react-split.js:20:1) at webpack_require (C:\Users\sagar\OneDrive\Desktop\letsCode SLP\letscode.next\server\webpack-runtime.js:33:42) at eval (webpack-internal:///(rsc)/./components/Workspace/Workspace.tsx:9:69) at (rsc)/./components/Workspace/Workspace.tsx (C:\Users\sagar\OneDrive\Desktop\letsCode SLP\letscode.next\server\app\problems[id]\page.js:323:1) at webpack_require (C:\Users\sagar\OneDrive\Desktop\letsCode SLP\letscode.next\server\webpack-runtime.js:33:42) { type: 'TypeError', page: '/problems/two-sum' } null

[M-Sanjay12o52o]

have you resolved this??

[Sagarshivalingappaathani]

import React from 'react'; import Split from 'react-split'; import '../../styles/global.css';

const workSpace = (props: Props) => { return ( <>

</>

);

};

export default workSpace;

this worked for me

if still not if you are using next.js add "use client"; at the top of the file

[cliftonlabrum]

Adding 'use client'; fixed it for me.

[amineazizix]

Adding use client directive fixed it for me too. Thanks @cliftonlabrum