fix: 🐛 jsx element instead of react node provider

.github/ISSUE_TEMPLATE/1-bug-report.yaml

@@ -1,7 +1,7 @@
 name: Bug Report
 description: File a bug report.
-title: "[Bug]: "
-labels: ["bug", "triage"]
+title: '[Bug]: '
+labels: ['bug', 'triage']
 body:
  - type: markdown
  attributes:
@@ -13,7 +13,7 @@ body:
  label: What happened?
  description: Also tell us, what did you expect to happen?
  placeholder: Tell us what you see!
- value: "A bug happened!"
+ value: 'A bug happened!'
  validations:
  required: true
  - type: input

.github/ISSUE_TEMPLATE/2-feature-request.yaml

@@ -1,7 +1,7 @@
 name: Feature request
 description: Feature request for next-themes.
-title: "[Feature request]: "
-labels: ["request"]
+title: '[Feature request]: '
+labels: ['request']
 body:
  - type: markdown
  attributes:
@@ -12,6 +12,6 @@ body:
  attributes:
  label: What feature would you like to see?
  description: Specify the feature you would like to see and perhaps what problem it would solve for you.
- placeholder: "I would like to be able to..."
+ placeholder: 'I would like to be able to...'
  validations:
  required: true

examples/multi-theme/package.json

@@ -21,4 +21,4 @@
  "tailwindcss": "3.3.3",
  "typescript": "^5.2.2"
  }
-}
+}

examples/multi-theme/postcss.config.js

@@ -1,6 +1,6 @@
 module.exports = {
  plugins: {
  tailwindcss: {},
- autoprefixer: {},
- },
+ autoprefixer: {}
+ }
 }

next-themes/__tests__/index.test.tsx

@@ -429,5 +429,4 @@ describe('setTheme', () => {
  expect(result.current.theme).toBe('light')
  expect(result.current.resolvedTheme).toBe('light')
  })
-
 })

next-themes/src/index.tsx

@@ -12,11 +12,11 @@ const defaultContext: UseThemeProps = { setTheme: _ => {}, themes: [] }
 
 export const useTheme = () => React.useContext(ThemeContext) ?? defaultContext
 
-export const ThemeProvider = (props: ThemeProviderProps): React.ReactNode => {
+export const ThemeProvider = (props: ThemeProviderProps): JSX.Element => {
  const context = React.useContext(ThemeContext)
 
  // Ignore nested context providers, just passthrough children
- if (context) return props.children
+ if (context) return <>{props.children}</>
  return <Theme {...props} />
 }
 

package.json

@@ -31,4 +31,4 @@
  "pnpm": ">=9"
  },
  "packageManager": "pnpm@9.0.6"
-}
+}