So I'm trying to create a context and keep getting this error:
Line 12:31: Parsing error: '>' expected.
I can't seem to find the issue.
import React, { useState, createContext } from 'react';
export const UserContext = createContext({});
export const UserContextProvider: React.FC = ({ children }) => {
const [number, setNumber] = useState(1);
const values = {
number,
setNumber,
};
return <UserContext.Provider value={values}>{children}</UserContext.Provider>;
};
Hi Marv,
What you are returning is not matching the expected return for a React.FC type.
Please try the following:
export const UserContextProvider: React.FC<{ children: ReactNode }> = ({ children }): ReactElement => {
const [number, setNumber] = useState(1);
const values = {
number,
setNumber,
};
return React.createElement(UserContext.Provider, { value: values }, children);
};
Thanks everyone for the help :D it seem to have sorted itself out when i restarted vs code