[Next.js]x Expected '>', got 'value'

前提

Next.jsで簡単なアプリを作っています。
グローバルな状態管理としてContextを使いたいのですが、以下のようなエラーが発生して困っています。

文法的にはあっていそうなのですが、どこがダメなのでしょうか。
わかる方がいましたらコメントお願いします。

実現したいこと

エラー解消

発生している問題・エラーメッセージ

Error: 
  x Expected '>', got 'value'
    ,----
 17 | return <PrefectureContext.Provider value={value}>{children}</PrefectureContext.Provider>
    :                                    ^^^^^
    `----

Caused by:
    0: failed to process input file
    1: Syntax Error

該当のソースコード

ts:Context.ts
1import { createContext, useState, useContext } from 'react'
2import { PrefecturePopulationList } from '../type/PrefecturePopulationList'
3
4const PrefectureContext = createContext({})
5
6export function usePrefectureContext() {
7  return useContext(PrefectureContext)
8}
9
10export function PrefectureProvider({ children }) {
11  const [prefecturePopulationList, setPrefecturePopulationList] =
12    useState<PrefecturePopulationList>({})
13
14  const value = {
15    prefecturePopulationList,
16    setPrefecturePopulationList,
17  }
18
19  return <PrefectureContext.Provider value={value}>{children}</PrefectureContext.Provider>
20}
21