Why am i getting tis error message? Parsing error: '>' expected-CodePudding

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>;
};

CodePudding user response：

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);
};

CodePudding user response：

Thanks everyone for the help :D it seem to have sorted itself out when i restarted vs code