Fix big grid crashing due to missing React import

by fixing the cause rather than the symptom: this upgrades the code to use the new, recommended JSX transform mode of React 17+, which no longer requires you to import React manually just to write JSX.
This commit is contained in:
Robin Townsend
2023-06-30 18:21:18 -04:00
parent ae804d60d0
commit 17450b4531
68 changed files with 600 additions and 329 deletions

View File

@@ -1,6 +1,6 @@
import { Room, RoomOptions } from "livekit-client";
import { useLiveKitRoom, useToken } from "@livekit/components-react";
import React from "react";
import { useMemo } from "react";
import { defaultLiveKitOptions } from "./options";
@@ -26,7 +26,7 @@ export function useLiveKit(
userChoices: UserChoices,
config: LiveKitConfig
): Room | undefined {
const tokenOptions = React.useMemo(
const tokenOptions = useMemo(
() => ({
userInfo: {
name: config.userDisplayName,
@@ -37,7 +37,7 @@ export function useLiveKit(
);
const token = useToken(config.jwtUrl, config.roomName, tokenOptions);
const roomOptions = React.useMemo((): RoomOptions => {
const roomOptions = useMemo((): RoomOptions => {
const options = defaultLiveKitOptions;
options.videoCaptureDefaults = {
...options.videoCaptureDefaults,