gaspersic/freeCodeCamp
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

refactor: clean up ref types (#45070)

Browse Source 
The react-hotkeys innerRef type is incorrect (it accepts both callback
and object refs), but the lib is unmaintained at this point.
This commit is contained in:
Oliver Eyton-Williams
2022-02-10 18:31:55 +01:00
committed by GitHub
parent 22acd4894d
commit 44e2bce920
3 changed files with 6 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
client/src/templates/Challenges/classic/show.tsx
View File

@ -135,8 +135,8 @@ const BASE_LAYOUT = {
// Component
class ShowClassic extends Component<ShowClassicProps, ShowClassicState> {
static displayName: string;
containerRef: React.RefObject<unknown>;
editorRef: React.RefObject<unknown>;
containerRef: React.RefObject<HTMLElement>;
editorRef: React.RefObject<HTMLElement>;
instructionsPanelRef: React.RefObject<HTMLDivElement>;
resizeProps: ResizeProps;

7
client/src/templates/Challenges/components/Hotkeys.tsx
View File

@ -1,5 +1,3 @@
/* eslint-disable @typescript-eslint/no-unsafe-call */
/* eslint-disable @typescript-eslint/no-unsafe-member-access */
import { navigate } from 'gatsby';
import React from 'react';
import { HotKeys, GlobalHotKeys } from 'react-hotkeys';
@ -42,11 +40,10 @@ interface HotkeysProps {
canFocusEditor: boolean;
challengeFiles: ChallengeFiles;
children: React.ReactElement;
// eslint-disable-next-line @typescript-eslint/no-explicit-any
editorRef?: React.Ref<HTMLElement> | any;
editorRef?: React.RefObject<HTMLElement>;
executeChallenge?: (options?: { showCompletionModal: boolean }) => void;
submitChallenge: () => void;
innerRef: React.Ref<HTMLElement> | unknown;
innerRef: React.Ref<HTMLElement>;
instructionsPanelRef?: React.RefObject<HTMLElement>;
nextChallengePath: string;
prevChallengePath: string;

7
client/src/templates/Challenges/projects/frontend/Show.tsx
View File

@ -1,5 +1,3 @@
/* eslint-disable @typescript-eslint/no-unsafe-call */
/* eslint-disable @typescript-eslint/no-unsafe-member-access */
import { Grid, Col, Row } from '@freecodecamp/react-bootstrap';
import { graphql } from 'gatsby';
import React, { Component } from 'react';
@ -65,8 +63,7 @@ interface ProjectProps {
// Component
class Project extends Component<ProjectProps> {
static displayName: string;
// eslint-disable-next-line @typescript-eslint/no-explicit-any
private _container: any;
private _container: HTMLElement | null = null;
constructor(props: ProjectProps) {
super(props);
@ -90,7 +87,7 @@ class Project extends Component<ProjectProps> {
helpCategory
});
challengeMounted(challengeMeta.id);
this._container.focus();
this._container?.focus();
}
componentDidUpdate(prevProps: ProjectProps): void {