[Bug]: TypeScript typecheck fails in PlayOnScroll and CommunityMeetingsCardGrid

Open Beginner friendly
#661 0 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Assessment

Difficulty
2/5
Estimated time
1-3 hours
Newbie friendliness
76/100
Issue type
Bug
Clarity
Clearly specified
Activity status
Quiet
Tech stack
react, typescript
Domain
frontend

Research direction

Start with src/components/utilities/PlayOnScroll/index.tsx and src/components/layout/CommunityMeetingsCardGrid/index.tsx, then run yarn typecheck to reproduce the reported errors. Check the usage in src/pages/features.tsx and the markdown child handling, and consider the issue complete when both components typecheck without breaking community meeting URL parsing.

Written by the indexing model from the issue text.

Description

yarn typecheck at the moment doesn't pass due to TypeScript errors in two components.

  1. PlayOnScroll

File:
src/components/utilities/PlayOnScroll/index.tsx

PlayOnScroll is defined as React.FC instead of using the current VideoProps type. This leads TypeScript to assume that the component does not take any props.

It results in the following errors in:
src/pages/features.tsx

for vidFormat, url, posterImg, and styles.

  1. CommunityMeetingsCardGrid

File:
src/components/layout/CommunityMeetingsCardGrid/index.tsx

The logic for rendering markdown tries to access child.props after typing child as object. TypeScript complains that there is no props property on type object.

It breaks the parsing logic for extracting community meeting recording URLs.

Both problems block the repository from passing yarn typecheck

LLM Policy
  • This issue is human-written, and folow up comments will also be human-written
Dominant language
TypeScript
Stars
108
Forks
188
Avg merge
3d 14h
Merged PRs (30d)
11

Contributor guide

No contributing guide indexed for this repository

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

More from containers/podman.io

All issues in containers/podman.io

Similar issues

More TypeScript issues

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.